feat: add postcss config and deps

bugfix: some unused imports and node-selection component removed for now
update: README.md

src/container/EdgeRenderer/index.tsx

@@ -1,6 +1,5 @@
 import ConnectionLine from '../../components/ConnectionLine/index';
 import { isEdge } from '../../utils/graph';
-import MarkerDefinitions from './MarkerDefinitions';
 import { getEdgePositions, getHandle, isEdgeVisible, getSourceTargetNodes } from './utils';
 import {
   Position,
@@ -152,13 +151,14 @@ const EdgeCmp = defineComponent({
 
     const isVisible = computed(() => {
       return props.onlyRenderVisibleElements
-        ? isEdgeVisible({
-            sourcePos: { x: edgePositions.value?.sourceX, y: edgePositions.value?.sourceY },
-            targetPos: { x: edgePositions.value?.targetX, y: edgePositions.value?.targetY },
-            width: props.width || 0,
-            height: props.height || 0,
-            transform: props.transform
-          })
+        ? edgePositions.value &&
+            isEdgeVisible({
+              sourcePos: { x: edgePositions.value?.sourceX, y: edgePositions.value?.sourceY },
+              targetPos: { x: edgePositions.value?.targetX, y: edgePositions.value?.targetY },
+              width: props.width || 0,
+              height: props.height || 0,
+              transform: props.transform
+            })
         : true;
     });
 
@@ -190,10 +190,10 @@ const EdgeCmp = defineComponent({
         target={props.edge.target}
         sourceHandleId={sourceHandleId}
         targetHandleId={targetHandleId}
-        sourceX={edgePositions.value.sourceX}
-        sourceY={edgePositions.value.sourceY}
-        targetX={edgePositions.value.targetX}
-        targetY={edgePositions.value.targetY}
+        sourceX={edgePositions.value?.sourceX}
+        sourceY={edgePositions.value?.sourceY}
+        targetX={edgePositions.value?.targetX}
+        targetY={edgePositions.value?.targetY}
         sourcePosition={sourcePosition}
         targetPosition={targetPosition}
         elementsSelectable={props.elementsSelectable}

src/container/GraphView/index.tsx

@@ -6,18 +6,7 @@ import { onLoadProject, onLoadGetElements, onLoadToObject } from '../../utils/gr
 import { ReactFlowProps } from '../RevueFlow';
 
 import { NodeTypesType, EdgeTypesType, ConnectionLineType, KeyCode } from '../../types';
-import {
-  reactive,
-  computed,
-  CSSProperties,
-  defineComponent,
-  onBeforeMount,
-  onMounted,
-  onUpdated,
-  PropType,
-  ref,
-  watch
-} from 'vue';
+import { CSSProperties, defineComponent, onMounted, PropType, ref } from 'vue';
 import store from '../../store';
 import useZoomPanHelper from '../../hooks/useZoomPanHelper';
 

src/container/RevueFlow/index.tsx

@@ -1,4 +1,4 @@
-import { computed, CSSProperties, defineComponent, HTMLAttributes, onBeforeMount, PropType, provide } from 'vue';
+import { computed, CSSProperties, defineComponent, HTMLAttributes, PropType } from 'vue';
 import GraphView from '../GraphView';
 import DefaultNode from '../../components/Nodes/DefaultNode';
 import InputNode from '../../components/Nodes/InputNode';