update(script-setup): Refactor remaining files to script setup style

2021-10-20 22:39:54 +02:00
parent 9b2f4b7406
commit 560bdc203b
62 changed files with 1683 additions and 1425 deletions
@@ -0,0 +1,48 @@
+<script lang="ts" setup>
+import { ConnectionMode, ElementId, Position, RevueFlowStore } from '~/types'
+import { onMouseDown, ValidConnectionFunc } from '~/components/Handle/handler'
+import { RevueFlowHooks } from '~/hooks/RevueFlowHooks'
+
+interface HandleProps {
+  id?: string
+  type?: string
+  position?: Position
+  isValidConnection?: ValidConnectionFunc
+  connectable?: boolean
+}
+
+const props = withDefaults(defineProps<HandleProps>(), {
+  id: '',
+  type: 'source',
+  position: Position.Top,
+  isValidConnection: () => true,
+  connectable: true,
+})
+
+const store = inject<RevueFlowStore>('store')!
+const hooks = inject<RevueFlowHooks>('hooks')!
+const nodeId = inject<ElementId>('NodeIdContext')!
+
+const onMouseDownHandler = (event: MouseEvent) =>
+  onMouseDown(event, store, hooks, props.id, nodeId, props.type === 'target', props.isValidConnection)
+</script>
+<template>
+  <div
+    :data-handleid="props.id"
+    :data-nodeid="nodeId"
+    :data-handlepos="props.position"
+    :class="[
+      'revue-flow__handle',
+      `revue-flow__handle-${props.position}`,
+      'nodrag',
+      {
+        source: props.type !== 'target',
+        target: props.type === 'target',
+        connectable: props.connectable,
+      },
+    ]"
+    @mousedown="onMouseDownHandler"
+  >
+    <slot></slot>
+  </div>
+</template>