v-nuxt-ui 0.2.0 → 0.2.2

package/dist/module.json

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

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

@@ -131,8 +131,15 @@ watchEffect(() => {
 const isDeleteKey = (event) => {
   return event.key === "Delete" || event.key === "Backspace" || event.code === "Backspace";
 };
+const isEditableTarget = (target) => {
+  const element = target instanceof HTMLElement ? target : null;
+  if (!element) return false;
+  const tagName = element.tagName;
+  return element.isContentEditable || tagName === "INPUT" || tagName === "TEXTAREA" || tagName === "SELECT";
+};
 const handleKeyDown = async (event) => {
   if (!isDeleteKey(event)) return;
+  if (isEditableTarget(event.target)) return;
   event.preventDefault();
   event.stopPropagation();
   event.stopImmediatePropagation();
@@ -199,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/components/sys/flow/Table.vue

@@ -59,20 +59,15 @@ function updateNodeInFlow(row, updatedNode) {
   updateExpandedFlow(row, updatedFlow);
 }
 async function handleEditNode(row, node) {
-  const updatedNode = await new Promise((resolve, reject) => {
-    editNodeModal.open({ model: node }).result.then((result) => {
-      if (!result || typeof result === "boolean") {
-        resolve(null);
-        return;
+  await editNodeModal.open({
+    model: node,
+    onSave: async (newNode) => {
+      const { data } = await flowNodeApi.update(newNode);
+      if (data.value.data) {
+        updateNodeInFlow(row, data.value.data);
       }
-      resolve(result);
-    }).catch(reject);
-  });
-  if (!updatedNode) return;
-  const { data } = await flowNodeApi.update(updatedNode);
-  if (data.value.data) {
-    updateNodeInFlow(row, data.value.data);
-  }
+    }
+  }).result;
 }
 function getExpandVNode(row) {
   return h("div", {

package/package.json

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