alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(useSetNodeData): put function in useReactFlow/useSvelteFlow

Browse Source
This commit is contained in:
moklick
2023-12-12 18:52:45 +01:00
parent 75979922ea
commit 8ceb1addc1
18 changed files with 254 additions and 247 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/svelte/src/routes/examples/usenodesdata/TextNode.svelte
+3 -3
View File
@@ -1,12 +1,12 @@
<script lang="ts">
import { Handle, Position, type NodeProps, useSetNodeData } from '@xyflow/svelte';
import { Handle, Position, type NodeProps, useSvelteFlow } from '@xyflow/svelte';
type $$Props = NodeProps;
export let id: $$Props['id'];
export let data: $$Props['data'];
const setNodeData = useSetNodeData();
const { updateNodeData } = useSvelteFlow();
</script>
<div class="custom">
@@ -14,7 +14,7 @@
<div>
<input
value={data.text}
on:input={(evt) => setNodeData(id, { text: evt.currentTarget.value })}
on:input={(evt) => updateNodeData(id, { text: evt.currentTarget.value })}
/>
</div>
<Handle type="source" position={Position.Right} />
examples/svelte/src/routes/examples/usenodesdata/UppercaseNode.svelte
+3 -3
View File
@@ -5,14 +5,14 @@
type NodeProps,
useHandleConnections,
useNodesData,
useSetNodeData
useSvelteFlow
} from '@xyflow/svelte';
type $$Props = NodeProps;
export let id: $$Props['id'];
const setNodeData = useSetNodeData();
const { updateNodeData } = useSvelteFlow();
const connections = useHandleConnections({
nodeId: id,
type: 'target'
@@ -21,7 +21,7 @@
$: nodeData = useNodesData($connections[0]?.source);
$: {
setNodeData(id, { text: $nodeData?.text?.toUpperCase() || '' });
updateNodeData(id, { text: $nodeData?.text?.toUpperCase() || '' });
}
</script>