update: Remove wrapEdge and wrapNode files

* implement Edge.tsx and Node.vue to wrap the components accordingly refactor!: Removing callbacks from props in favor of events chore: upgrade vue and vite vue plugin
2021-08-08 19:28:45 +02:00
parent ffd41fb679
commit 25c92ecd84
40 changed files with 1224 additions and 3349 deletions
@@ -1,72 +0,0 @@
-import { defineComponent, PropType } from 'vue';
-
-interface MarkerProps {
-  id: string;
-}
-
-const Marker = defineComponent({
-  props: {
-    id: {
-      type: String as PropType<MarkerProps['id']>,
-      required: true
-    }
-  },
-  setup(props, { slots }) {
-    return () => (
-      <marker
-        class="revue-flow__arrowhead"
-        id={props.id}
-        markerWidth="12.5"
-        markerHeight="12.5"
-        viewBox="-10 -10 20 20"
-        orient="auto"
-        refX="0"
-        refY="0"
-      >
-        {slots.default ? slots.default() : ''}
-      </marker>
-    );
-  }
-});
-
-interface MarkerDefinitionsProps {
-  color: string;
-}
-
-const MarkerDefinitions = defineComponent({
-  name: 'MarkerDefinitions',
-  props: {
-    color: {
-      type: String as PropType<MarkerDefinitionsProps['color']>,
-      required: true
-    }
-  },
-  setup(props) {
-    return () => (
-      <defs>
-        <Marker id="revue-flow__arrowclosed">
-          <polyline
-            stroke={props.color}
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="1"
-            fill={props.color}
-            points="-5,-4 0,0 -5,4 -5,-4"
-          />
-        </Marker>
-        <Marker id="revue-flow__arrow">
-          <polyline
-            stroke={props.color}
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            stroke-width="1.5"
-            fill="none"
-            points="-5,-4 0,0 -5,4"
-          />
-        </Marker>
-      </defs>
-    );
-  }
-});
-
-export default MarkerDefinitions;