chore: lint files

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

packages/core/src/components/Edges/EdgeWrapper.ts

@@ -44,8 +44,6 @@ const EdgeWrapper = defineComponent({
 
     const handleId = ref<string | null>(null)
 
-    const type = ref<HandleType>('source')
-
     const edgeUpdaterType = ref<HandleType>('source')
 
     const edgeEl = ref<SVGElement>()
@@ -53,17 +51,13 @@ const EdgeWrapper = defineComponent({
     provide(EdgeId, props.id)
     provide(EdgeRef, edgeEl)
 
-    const sourceNode = $computed(() => findNode(edge.source))
-
-    const targetNode = $computed(() => findNode(edge.target))
-
     const edgeClass = $computed(() => (edge.class instanceof Function ? edge.class(edge) : edge.class))
     const edgeStyle = $computed(() => (edge.style instanceof Function ? edge.style(edge) : edge.style))
 
     const { handlePointerDown } = useHandle({
       nodeId,
       handleId,
-      type,
+      type: edgeUpdaterType,
       isValidConnection: isValidConnection.value,
       edgeUpdaterType,
       onEdgeUpdate,
@@ -71,6 +65,9 @@ const EdgeWrapper = defineComponent({
     })
 
     return () => {
+      const sourceNode = findNode(edge.source)
+      const targetNode = findNode(edge.target)
+
       if (!sourceNode || !targetNode || !edge) {
         return null
       }
@@ -248,9 +245,8 @@ const EdgeWrapper = defineComponent({
 
       nodeId.value = isSourceHandle ? edge.target : edge.source
       handleId.value = (isSourceHandle ? edge.targetHandle : edge.sourceHandle) ?? ''
-      type.value = isSourceHandle ? 'target' : 'source'
 
-      edgeUpdaterType.value = type.value
+      edgeUpdaterType.value = isSourceHandle ? 'target' : 'source'
 
       hooks.emit.updateStart({ event, edge })
 
@@ -301,6 +297,7 @@ const EdgeWrapper = defineComponent({
 
         if (unselect) {
           edgeEl.value?.blur()
+
           removeSelectedEdges([findEdge(props.id)!])
         } else {
           addSelectedEdges([findEdge(props.id)!])

packages/core/src/components/Nodes/NodeWrapper.ts

@@ -92,7 +92,7 @@ const NodeWrapper = defineComponent({
       return styles
     })
 
-    const zIndex = computed(() => Number(node.zIndex ?? getStyle.value.zIndex ?? 0))
+    const zIndex = () => Number(node.zIndex ?? getStyle.value.zIndex ?? 0)
 
     onUpdateNodeInternals((updateIds) => {
       if (updateIds.includes(props.id)) {
@@ -124,18 +124,18 @@ const NodeWrapper = defineComponent({
         () => parentNode.value?.computedPosition.x,
         () => parentNode.value?.computedPosition.y,
         () => parentNode.value?.computedPosition.z,
+        () => zIndex(),
         () => node.selected,
         () => node.dimensions.height,
         () => node.dimensions.width,
         () => parentNode.value?.dimensions.height,
         () => parentNode.value?.dimensions.width,
-        zIndex,
       ],
-      ([newX, newY, parentX, parentY, parentZ]) => {
+      ([newX, newY, parentX, parentY, parentZ, nodeZIndex]) => {
         const xyzPos = {
           x: newX,
           y: newY,
-          z: zIndex.value + (elevateNodesOnSelect ? (node.selected ? 1000 : 0) : 0),
+          z: nodeZIndex + (elevateNodesOnSelect ? (node.selected ? 1000 : 0) : 0),
         }
 
         if (isNumber(parentX) && isNumber(parentY)) {
@@ -187,7 +187,7 @@ const NodeWrapper = defineComponent({
             getClass.value,
           ],
           'style': {
-            zIndex: node.computedPosition.z ?? zIndex.value,
+            zIndex: node.computedPosition.z ?? zIndex(),
             transform: `translate(${node.computedPosition.x}px,${node.computedPosition.y}px)`,
             pointerEvents: props.selectable || props.draggable ? 'all' : 'none',
             visibility: node.initialized ? 'visible' : 'hidden',

packages/core/src/components/NodesSelection/NodesSelection.vue

@@ -3,18 +3,18 @@ const { emits, viewport, getSelectedNodes, noPanClassName, disableKeyboardA11y,
 
 const updatePositions = useUpdateNodePositions()
 
-const el = ref()
+const el = ref<HTMLDivElement>()
 
 const dragging = useDrag({
   el,
-  onStart(event, node, nodes) {
-    emits.selectionDragStart({ event, node, nodes })
+  onStart(args) {
+    emits.selectionDragStart(args)
   },
-  onDrag(event, node, nodes) {
-    emits.selectionDrag({ event, node, nodes })
+  onDrag(args) {
+    emits.selectionDrag(args)
   },
-  onStop(event, node, nodes) {
-    emits.selectionDragStop({ event, node, nodes })
+  onStop(args) {
+    emits.selectionDragStop(args)
   },
 })
 
@@ -24,13 +24,13 @@ onMounted(() => {
   }
 })
 
-const selectedNodesBBox = $computed(() => getRectOfNodes(getSelectedNodes))
+const selectedNodesBBox = computed(() => getRectOfNodes(getSelectedNodes))
 
 const innerStyle = computed(() => ({
-  width: `${selectedNodesBBox.width}px`,
-  height: `${selectedNodesBBox.height}px`,
-  top: `${selectedNodesBBox.y}px`,
-  left: `${selectedNodesBBox.x}px`,
+  width: `${selectedNodesBBox.value.width}px`,
+  height: `${selectedNodesBBox.value.height}px`,
+  top: `${selectedNodesBBox.value.y}px`,
+  left: `${selectedNodesBBox.value.x}px`,
 }))
 
 function onContextMenu(event: MouseEvent) {