nexa-runtime 0.6.4 → 0.7.0

package/dist/vdom/mountComponent.js

@@ -59,7 +59,33 @@ export function mountComponent(vnode, parent, options, anchor = null) {
     if (devtools?.registerComponent) {
         devtools.registerComponent(comp.name || comp.__hmrId || 'Anonymous', instance);
     }
-    const childSlots = extractSlots(vnode.children);
+    let childSlots = {};
+    if (vnode.children && typeof vnode.children === 'object' && !Array.isArray(vnode.children) && !vnode.children._type) {
+        childSlots = vnode.children;
+    }
+    else if (Array.isArray(vnode.children) && vnode.children.length === 1 && typeof vnode.children[0] === 'object' && !vnode.children[0]._type) {
+        childSlots = vnode.children[0];
+    }
+    else {
+        childSlots = extractSlots(vnode.children);
+    }
+    const slotsSignal = signal(childSlots);
+    // Use a proxy or dynamic getters for slots to ensure they are always fresh
+    const slotsProxy = new Proxy({}, {
+        get(_, name) {
+            if (name === 'value')
+                return slotsSignal.value;
+            return (props) => {
+                const slotData = slotsSignal.value[name] || (name === 'default' && slotsSignal.value.default ? slotsSignal.value.default : null);
+                if (!slotData)
+                    return null;
+                if (typeof slotData === 'function') {
+                    return slotData(props);
+                }
+                return buildSlotResult(slotData);
+            };
+        }
+    });
     function buildSlotResult(nodes) {
         if (nodes.length === 0)
             return null;
@@ -75,18 +101,6 @@ export function mountComponent(vnode, parent, options, anchor = null) {
             component: null,
         };
     }
-    const slotsSignal = signal(childSlots);
-    // Use a proxy or dynamic getters for slots to ensure they are always fresh
-    const slotsProxy = new Proxy({}, {
-        get(_, name) {
-            return (_props) => {
-                const nodes = slotsSignal.value[name] || (name === 'default' ? [] : null);
-                if (!nodes)
-                    return null;
-                return buildSlotResult(nodes);
-            };
-        }
-    });
     const setupCtx = {
         emit: (event, ...args) => {
             const key = `on${event[0].toUpperCase()}${event.slice(1)}`;

package/dist/vdom/patch.js

@@ -158,7 +158,17 @@ function updateNode(vnode, options) {
                     instance.props.value = resolveProps(instance.component, vnode.props ?? {});
                 }
                 if (instance.slots) {
-                    instance.slots.value = extractSlots(vnode.children);
+                    let childSlots = {};
+                    if (vnode.children && typeof vnode.children === 'object' && !Array.isArray(vnode.children) && !vnode.children._type) {
+                        childSlots = vnode.children;
+                    }
+                    else if (Array.isArray(vnode.children) && vnode.children.length === 1 && typeof vnode.children[0] === 'object' && !vnode.children[0]._type) {
+                        childSlots = vnode.children[0];
+                    }
+                    else {
+                        childSlots = extractSlots(vnode.children);
+                    }
+                    instance.slots.value = childSlots;
                 }
             });
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nexa-runtime",
-  "version": "0.6.4",
+  "version": "0.7.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -13,7 +13,7 @@
     }
   },
   "dependencies": {
-    "nexa-reactivity": "0.6.4"
+    "nexa-reactivity": "0.7.0"
   },
   "files": [
     "dist"