@dolphinweex/weex-harmony 0.1.8 → 0.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dolphinweex/weex-harmony",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "weex harmony adapter",
   "main": "index.js",
   "files": [

package/src/transform-loader.js

@@ -67,53 +67,60 @@ function hasTargetElement(tagName) {
  * 遍历html节点，将需要引入的组件添加到componentSet中
  * @param {*} node html节点
  */
-function traverseNode(node) {
+function traverseNode(node, parent = null) {
   if (node.type === 'element') {
-    const {hasElement, componentName} = hasTargetElement(node.tagName)
+    const { hasElement, componentName } = hasTargetElement(node.tagName);
     if (hasElement) {
-      componentSet.add(componentName)
+      componentSet.add(componentName);
     }
-    if (node.attributes) {
-      node.attributes.forEach((attr, index) => {
-        if (attr.key === 'v-bind') {
-          //对象的话
-          if (attr.value.trim().startsWith('{') && attr.value.trim().endsWith('}')) {
-            const parsedAst = parser.parseExpression(attr.value);
-            const styleProperty = parsedAst.properties.find(prop => prop.key && prop.key.name === 'style');
-            if (styleProperty) {
-              const styleValue = styleProperty.value;
 
-              // style 的值套上 _px2rem 方法
-              styleProperty.value = {
-                type: 'CallExpression',
-                callee: {
-                  type: 'Identifier',
-                  name: '_px2rem'
-                },
-                arguments: [styleValue] // 将原始的 style 对象作为参数传递给 _px2rem
+    // 判断父节点是否有 v-for，若父节点是 <template> 且有 v-for，则跳过
+    const isInsideVFor = parent && parent.attributes && parent.attributes.some(attr => attr.key === 'v-for');
+    
+    if (!isInsideVFor) {  // 如果不在 v-for 中，才处理 v-bind
+      if (node.attributes) {
+        node.attributes.forEach((attr, index) => {
+          if (attr.key === 'v-bind') {
+            // 如果是对象绑定，处理 style 属性
+            if (attr.value.trim().startsWith('{') && attr.value.trim().endsWith('}')) {
+              const parsedAst = parser.parseExpression(attr.value);
+              const styleProperty = parsedAst.properties.find(prop => prop.key && prop.key.name === 'style');
+              if (styleProperty) {
+                const styleValue = styleProperty.value;
+
+                // style 的值套上 _px2rem 方法
+                styleProperty.value = {
+                  type: 'CallExpression',
+                  callee: {
+                    type: 'Identifier',
+                    name: '_px2rem'
+                  },
+                  arguments: [styleValue] // 将原始的 style 对象作为参数传递给 _px2rem
+                };
+              }
+              node.attributes[index] = {
+                key: 'v-bind',
+                value: generator(parsedAst).code
               };
+            } else {
+              const customComputedName = `customVBindComputed${index}`; // 自定义的名字
+              vBindMap.set(customComputedName, {
+                computedName: attr.value,
+                customComputedName
+              });
+              // 更新属性值为自定义名字
+              node.attributes[index].value = customComputedName;
             }
-            node.attributes[index] = {
-              key: 'v-bind',
-              value: generator(parsedAst).code
-            };
-          } else {
-            const customComputedName = `customVBindComputed${index}`; // 自定义的名字
-            vBindMap.set(customComputedName, {
-              computedName: attr.value,
-              customComputedName
-            });
-
-            // 更新属性值为自定义名字
-            node.attributes[index].value = customComputedName;
           }
-        }
-      });
+        });
+      }
     }
+
+    // 继续递归处理子节点
     if (node.children) {
       node.children.forEach((child) => {
-        traverseNode(child)
-      })
+        traverseNode(child, node);  // 将当前节点作为 parent 传递给子节点
+      });
     }
   }
 }