Spaces:
Running
Running
File size: 808 Bytes
c1a1d02 af53b62 c1a1d02 3d534f4 c1a1d02 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
<script lang="ts">
import { type NodeProps, useSvelteFlow } from '@xyflow/svelte';
import LynxKiteNode from './LynxKiteNode.svelte';
type $$Props = NodeProps;
export let id: $$Props['id'];
export let data: $$Props['data'];
const { updateNodeData } = useSvelteFlow();
</script>
<LynxKiteNode {...$$props}>
{#each Object.entries(data.params) as [name, value]}
<div class="param">
<label>
{name}<br>
<input
value={value}
on:input={(evt) => updateNodeData(id, { params: { ...data.params, [name]: evt.currentTarget.value } })}
/>
</label>
</div>
{/each}
</LynxKiteNode>
<style>
.param {
padding: 8px;
}
.param label {
font-size: 12px;
display: block;
}
.param input {
width: calc(100% - 8px);
}
</style>
|