feat: implement workspaces

2022-04-04 21:42:48 +02:00
parent cc96739c38
commit cd817b7f53
153 changed files with 8970 additions and 1191 deletions
@@ -0,0 +1,28 @@
+<script lang="ts" setup>
+import NodeWrapper from '../../components/Nodes/NodeWrapper.vue'
+import { useVueFlow } from '../../composables'
+
+const { store } = useVueFlow()
+</script>
+<script lang="ts">
+export default {
+  name: 'Nodes',
+}
+</script>
+<template>
+  <div class="vue-flow__nodes vue-flow__container">
+    <NodeWrapper
+      v-for="node of store.getNodes"
+      :id="node.id"
+      :key="node.id"
+      :draggable="typeof node.draggable === 'undefined' ? store.nodesDraggable : !!node.draggable"
+      :selectable="typeof node.selectable === 'undefined' ? store.elementsSelectable : !!node.selectable"
+      :connectable="typeof node.connectable === 'undefined' ? store.nodesConnectable : !!node.connectable"
+      :snap-grid="node.snapGrid ?? (store.snapToGrid ? store.snapGrid : undefined)"
+    >
+      <template #default="nodeProps">
+        <slot v-if="node.type" :name="`node-${node.type}`" v-bind="nodeProps"></slot>
+      </template>
+    </NodeWrapper>
+  </div>
+</template>