chore(svelte): run prettier

This commit is contained in:
moklick
2023-02-28 12:48:52 +01:00
parent 62a6278682
commit dda21e1fd2
64 changed files with 1669 additions and 1646 deletions
@@ -1,10 +1,10 @@
<script lang="ts">
import { Position } from '@reactflow/system';
import Handle from '$lib/components/Handle/index.svelte';
import type { NodeProps } from '$lib/types';
interface $$Props extends NodeProps<{ label: string }>{}
import Handle from '$lib/components/Handle/index.svelte';
import type { NodeProps } from '$lib/types';
interface $$Props extends NodeProps<{ label: string }> {}
export let id: $$Props['id'];
export let data: $$Props['data'] = { label: 'Node' };
@@ -18,4 +18,4 @@
<Handle type="target" position={targetPosition} />
{data?.label}
<Handle type="source" position={sourcePosition} />
<Handle type="source" position={sourcePosition} />
@@ -1,6 +1,6 @@
<script lang="ts">
import { Position } from '@reactflow/system';
import Handle from '$lib/components/Handle/index.svelte';
export let data: { label: string } = { label: 'Node' };
@@ -10,4 +10,3 @@
{data?.label}
<Handle type="source" position={sourcePosition} />
@@ -1,12 +1,12 @@
<script lang="ts">
import { onMount, setContext, SvelteComponentTyped } from 'svelte';
import { onMount, setContext, SvelteComponentTyped } from 'svelte';
import cc from 'classcat';
import { type XYPosition, Position } from '@reactflow/system';
import drag from '$lib/actions/drag'
import { useStore } from '$lib/store';
import DefaultNode from './DefaultNode.svelte';
import type { WrapNodeProps, NodeProps } from '$lib/types';
import drag from '$lib/actions/drag';
import { useStore } from '$lib/store';
import DefaultNode from './DefaultNode.svelte';
import type { WrapNodeProps, NodeProps } from '$lib/types';
interface $$Props extends WrapNodeProps {}
@@ -29,7 +29,8 @@
let nodeRef: HTMLDivElement;
const { nodes, transform, nodeTypes, updateNodePositions, addSelectedNodes } = useStore();
const nodeComponent: typeof SvelteComponentTyped<Partial<NodeProps>> = $nodeTypes[type] || DefaultNode;
const nodeComponent: typeof SvelteComponentTyped<Partial<NodeProps>> =
$nodeTypes[type] || DefaultNode;
const isSelectable = true;
const selectNodesOnDrag = false;
const isDraggable = true;
@@ -41,7 +42,7 @@
return () => {
resizeObserver?.unobserve(nodeRef);
}
};
});
function onSelectNodeHandler(event: MouseEvent) {
@@ -54,15 +55,15 @@
// const node = store.getState().nodeInternals.get(id)!;
// onClick(event, { ...node });
// }
};
}
</script>
<div
use:drag={{ nodeId: id, nodes, transform, updateNodePositions }}
class={cc(['react-flow__node', `react-flow__node-${type}`, className])}
class:initializing={!width && !height}
class:dragging={dragging}
class:selected={selected}
class:dragging
class:selected
bind:this={nodeRef}
on:click={onSelectNodeHandler}
style:transform={`translate(${positionAbsolute.x}px, ${positionAbsolute.y}px)`}
@@ -92,7 +93,7 @@
border-color: #1a192b;
background-color: white;
position: absolute;
cursor: grab;
cursor: grab;
pointer-events: all;
user-select: none;
}
@@ -109,4 +110,4 @@
.initializing {
visibility: hidden;
}
</style>
</style>
@@ -1,6 +1,6 @@
<script lang="ts">
import { Position } from '@reactflow/system';
import Handle from '$lib/components/Handle/index.svelte';
export let data: { label: string } = { label: 'Node' };
@@ -10,4 +10,3 @@
{data?.label}
<Handle type="target" position={targetPosition} />