nexa-compiler 0.6.4 → 0.7.0

package/dist/codegen/template.js

@@ -81,8 +81,11 @@ function genSlot(node) {
     const propsCall = node.slotProps ? `{ ${node.slotProps} }` : '';
     const args = node.slotProps ? `(${propsCall})` : '()';
     const slotAccess = /^[\w$]+$/.test(node.name) ? `ctx.$slots.${node.name}` : `ctx.$slots[${node.name}]`;
+    const childrenCode = node.children && node.children.length > 0
+        ? `[${node.children.map(c => genNode(c)).join(', ')}]`
+        : 'null';
     if (node.name === 'default') {
-        return `ctx.$slots.default ? ctx.$slots.default${args} : null`;
+        return `ctx.$slots.default ? ctx.$slots.default${args} : ${childrenCode}`;
     }
-    return `${slotAccess} ? ${slotAccess}${args} : null`;
+    return `${slotAccess} ? ${slotAccess}${args} : ${childrenCode}`;
 }

package/dist/parse/template.d.ts

@@ -31,6 +31,7 @@ export type SlotNode = {
     type: 'slot';
     name: string;
     attrs: Attr[];
+    children: TemplateNode[];
 };
 export type IfNode = {
     type: 'if';

package/dist/parse/template.js

@@ -42,14 +42,18 @@ export function parseTemplate(template) {
                 type: 'slot',
                 name: attrs.find(a => a.name === 'name')?.value || 'default',
                 attrs,
+                children: []
             };
             stack[stack.length - 1].push(slotNode);
+            if (!isSelfClosing) {
+                stack.push(slotNode.children);
+            }
         }
         else {
             stack[stack.length - 1].push(node);
-        }
-        if (!isSelfClosing) {
-            stack.push(node.children);
+            if (!isSelfClosing) {
+                stack.push(node.children);
+            }
         }
         lastIndex = tagRegex.lastIndex;
     }

package/dist/transform/template.d.ts

@@ -25,6 +25,7 @@ export type TransformedNode = {
     type: 'slot';
     name: string;
     slotProps?: string;
+    children?: TransformedNode[];
 } | {
     type: 'comment';
 } | {

package/dist/transform/template.js

@@ -36,7 +36,7 @@ function transformNode(node, scopeId) {
             const slotProps = dynamicAttrs.length > 0
                 ? dynamicAttrs.map(a => `${a.name}: ${a.value}`).join(', ')
                 : undefined;
-            return { type: 'slot', name: node.name, slotProps };
+            return { type: 'slot', name: node.name, slotProps, children: node.children?.map(c => transformNode(c)) };
         }
         case 'if': {
             const then = transformChildren(node.then, scopeId);
@@ -143,14 +143,26 @@ function genProps(attrs, tag) {
             let handler = typeof attr.value === 'string' && /^\w+$/.test(attr.value)
                 ? attr.value
                 : `($event) => { ${attr.value} }`;
-            if (modifiers.includes('self')) {
-                handler = `($event) => { if ($event.target === $event.currentTarget) { (${handler})($event) } }`;
-            }
-            if (modifiers.includes('prevent')) {
-                handler = `($event) => { $event.preventDefault(); (${handler})($event) }`;
-            }
-            if (modifiers.includes('stop')) {
-                handler = `($event) => { $event.stopPropagation(); (${handler})($event) }`;
+            const keyMap = {
+                enter: 'Enter', esc: 'Escape', tab: 'Tab',
+                space: ' ', up: 'ArrowUp', down: 'ArrowDown',
+                left: 'ArrowLeft', right: 'ArrowRight',
+                delete: 'Delete', backspace: 'Backspace',
+            };
+            const isKeyEvent = realName.startsWith('onKey');
+            for (const mod of modifiers) {
+                if (keyMap[mod] && isKeyEvent) {
+                    handler = `($event) => { if ($event.key === '${keyMap[mod]}') { (${handler})($event) } }`;
+                }
+                else if (mod === 'self') {
+                    handler = `($event) => { if ($event.target === $event.currentTarget) { (${handler})($event) } }`;
+                }
+                else if (mod === 'prevent') {
+                    handler = `($event) => { $event.preventDefault(); (${handler})($event) }`;
+                }
+                else if (mod === 'stop') {
+                    handler = `($event) => { $event.stopPropagation(); (${handler})($event) }`;
+                }
             }
             parts.push(`${realName}: ${handler}`);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nexa-compiler",
-  "version": "0.6.4",
+  "version": "0.7.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",