v-nuxt-ui 0.2.1 → 0.2.3

package/dist/module.json

@@ -7,7 +7,7 @@
   "dependencies": [
     "@nuxt/ui"
   ],
-  "version": "0.2.1",
+  "version": "0.2.3",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/flow/FlowEditor.client.vue

@@ -206,6 +206,7 @@ const isValidConnection = () => true;
     :default-edge-options="defaultEdgeOptions"
     :is-valid-connection="isValidConnection"
     :edges-updatable="true"
+    fit-view-on-init
   >
     <Background
       v-if="showBackground"

package/dist/runtime/composables/flow/useFlow.js

@@ -64,10 +64,10 @@ export function useFlow(options) {
   const toVueFlowEdge = (edge) => ({
     id: String(edge.id),
     type: "custom",
-    source: String(edge.parentId),
-    target: String(edge.childId),
-    sourceHandle: edge.parentHandlePos ?? void 0,
-    targetHandle: edge.childHandlePos ?? void 0,
+    source: String(edge.sourceNodeId),
+    target: String(edge.targetNodeId),
+    sourceHandle: edge.sourceNodeHandlePos ?? void 0,
+    targetHandle: edge.targetNodeHandlePos ?? void 0,
     label: edge.label
   });
   watch(
@@ -94,10 +94,10 @@ export function useFlow(options) {
       })),
       edges: edges.value.map((e) => ({
         id: Number(e.id) || void 0,
-        parentId: Number(e.source),
-        childId: Number(e.target),
-        parentHandlePos: e.sourceHandle ?? void 0,
-        childHandlePos: e.targetHandle ?? void 0,
+        sourceNodeId: Number(e.source),
+        targetNodeId: Number(e.target),
+        sourceNodeHandlePos: e.sourceHandle ?? void 0,
+        targetNodeHandlePos: e.targetHandle ?? void 0,
         label: typeof e.label === "string" ? e.label : void 0
       }))
     };
@@ -142,10 +142,10 @@ export function useFlow(options) {
         const { data } = await api.value.createEdge({
           id: 0,
           flowId: flow.value?.id,
-          parentId: Number(params.source),
-          childId: Number(params.target),
-          parentHandlePos: params.sourceHandle ?? void 0,
-          childHandlePos: params.targetHandle ?? void 0
+          sourceNodeId: Number(params.source),
+          targetNodeId: Number(params.target),
+          sourceNodeHandlePos: params.sourceHandle ?? void 0,
+          targetNodeHandlePos: params.targetHandle ?? void 0
         });
         if (data.value.data) {
           edgeId = String(data.value.data.id);
@@ -210,10 +210,10 @@ export function useFlow(options) {
           const { data } = await api.value.createEdge({
             id: 0,
             flowId: flow.value?.id,
-            parentId: Number(connection.source),
-            childId: Number(connection.target),
-            parentHandlePos: connection.sourceHandle ?? void 0,
-            childHandlePos: connection.targetHandle ?? void 0
+            sourceNodeId: Number(connection.source),
+            targetNodeId: Number(connection.target),
+            sourceNodeHandlePos: connection.sourceHandle ?? void 0,
+            targetNodeHandlePos: connection.targetHandle ?? void 0
           });
           if (data.value.data) {
             finalId = String(data.value.data.id);
@@ -291,10 +291,10 @@ export function useFlow(options) {
           if (!Number.isNaN(Number(edgeId))) {
             await api.value.updateEdge({
               id: Number(edgeId),
-              parentId: Number(edge.source),
-              childId: Number(edge.target),
-              parentHandlePos: edge.sourceHandle ?? void 0,
-              childHandlePos: edge.targetHandle ?? void 0,
+              sourceNodeId: Number(edge.source),
+              targetNodeId: Number(edge.target),
+              sourceNodeHandlePos: edge.sourceHandle ?? void 0,
+              targetNodeHandlePos: edge.targetHandle ?? void 0,
               label: label || void 0
             });
           }

package/dist/runtime/types/models/flow.d.ts

@@ -8,20 +8,24 @@ export type Flow = {
 } & BaseModel;
 export type FlowNode = {
     flowId?: number;
+    flow?: Flow;
     name?: string;
     positionX?: number;
     positionY?: number;
     width?: number;
     height?: number;
-    parentEdges?: FlowEdge[];
-    childEdges?: FlowEdge[];
+    sourceEdges?: FlowEdge[];
+    targetEdges?: FlowEdge[];
 } & BaseModel;
 export type FlowEdge = {
     flowId?: number;
-    parentId?: number;
-    parentHandlePos?: string;
-    childId?: number;
-    childHandlePos?: string;
+    flow?: Flow;
+    sourceNodeId?: number;
+    sourceNode?: FlowNode;
+    sourceNodeHandlePos?: string;
+    targetNodeId?: number;
+    targetNode?: FlowNode;
+    targetNodeHandlePos?: string;
     label?: string;
     condition?: string;
     order?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "v-nuxt-ui",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Veken UI Component Library - Reusable Nuxt UI components, composables, and utilities for enterprise applications",
   "type": "module",
   "style": "./dist/runtime/index.css",