zova-jsx 1.1.35 → 1.1.37

package/dist/index.js

@@ -4,7 +4,9 @@ import { toUpperCaseFirstChar } from '@cabloy/word-utils';
 import { h, createTextVNode } from 'vue';
 import { BeanSimple, objectAssignReactive, cast, BeanControllerIdentifier } from 'zova-core';
 
-const renderFieldJsxPropsSystem = ['children', 'v-slot', 'v-slot-scope', 'v-if', 'v-for', 'v-each', 'key'];
+const renderFieldJsxPropsSystem = ['children', 'v-slot', 'v-slot-scope', 'v-if', 'v-for', 'v-each'
+//'key', // need key
+];
 
 const __propsMapper = {
   className: 'class'
@@ -79,11 +81,13 @@ class ZovaJsx extends BeanSimple {
     // component
     if (isJsxComponent(componentJsx)) {
       const transientObject = this.transientObject;
-      return () => {
+      const renderFn = () => {
         return this.setTransientObject(transientObject, () => {
           return this.render(componentJsx, props, celScope, renderContext);
         });
       };
+      renderFn['zova-jsx:component'] = componentJsx.type;
+      return renderFn;
     }
     if (isJsxEvent(componentJsx)) {
       let transientObject = this.transientObject;
@@ -163,7 +167,7 @@ class ZovaJsx extends BeanSimple {
       const vIf = this.evaluateExpression(actionChild.props?.['v-if'], celScope);
       if (vIf === false) return next(undefined);
       // action
-      if (actionChild.type === 'ActionActions') {
+      if (actionChild.type === 'ZovaCommands') {
         // nested action
         eventRes[index] = [];
         return this.renderEventDirect(actionChild, objectAssignReactive({}, celScope), renderContext, eventRes[index], next);
@@ -363,7 +367,8 @@ class ZovaJsx extends BeanSimple {
   renderJsxChildrenDirect(jsxChildren, celScope, renderContext) {
     if (!Array.isArray(jsxChildren)) jsxChildren = [jsxChildren];
     const children = [];
-    for (const jsxChild of jsxChildren) {
+    for (let index = 0; index < jsxChildren.length; index++) {
+      const jsxChild = jsxChildren[index];
       let child;
       if (isJsxComponent(jsxChild)) {
         if (jsxChild.type === 'var') {
@@ -383,7 +388,10 @@ class ZovaJsx extends BeanSimple {
           }
           child = undefined;
         } else {
-          child = this.render(jsxChild, undefined, celScope, renderContext);
+          const propsInit = {
+            key: jsxChild.key ?? index
+          };
+          child = this.render(jsxChild, propsInit, celScope, renderContext);
         }
       } else {
         const childText = this.evaluateExpression(jsxChild, celScope);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zova-jsx",
-  "version": "1.1.35",
-  "gitHead": "106d9830a06a019121adf3af44e0ae22063aed55",
+  "version": "1.1.37",
+  "gitHead": "318e0e2e2dc324b9b8cb57a540cca890e972a3a1",
   "description": "Zova JSX",
   "keywords": [
     "ioc",
@@ -45,6 +45,6 @@
     "@cabloy/word-utils": "^2.1.9",
     "typestyle": "^2.4.0",
     "vue": "^3.5.32",
-    "zova-core": "^5.1.30"
+    "zova-core": "^5.1.31"
   }
 }