@dolphinweex/weex-harmony 0.1.8 → 0.1.10

package/package.json

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

package/src/components/midea-audio-wave-view.vue

@@ -0,0 +1,72 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-audio-wave-view"
+    :defaultWidth="300"
+    :defaultHeight="300"
+    ref="audioWaveRef"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from "./baseSameLayer.vue";
+const weexModule = weex.requireModule('weexModule');
+
+export default {
+  name: "mideaAudioWaveView",
+  data() {
+    return {
+      width: 0,
+      height: 0
+    }
+  },
+  components: {
+    BaseSameLayer,
+  },
+  props: {
+    hosUniqueProps: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    data: {
+      type: Object,
+      default() {
+        return {
+          embedId:''
+        };
+      },
+    },
+  },
+  computed: {
+    hosSameLayerArgs() {
+      return {
+        ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+        width: this.width,
+        height: this.height,
+        data: this.data,
+        updateVolume: this.updateVolume,
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+    this.embedId = this.$refs.audioWaveRef.embedId;
+  },
+
+  methods: {
+    updateVolume(volume) {
+      weexModule.callNative(
+        'audioWaveHandle',
+        {
+          method: 'updateVolume',
+          name: this.embedId,
+          volume
+        },
+      );
+    },
+  },
+};
+</script>

package/src/components/midea-villa-card-view.vue

@@ -0,0 +1,53 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-villa-card-view"
+    :defaultWidth="100"
+    :defaultHeight="100"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from './baseSameLayer.vue';
+
+export default {
+  data() {
+    return {
+      width: 0,
+      height: 0,
+    };
+  },
+  name: 'MideaVillaCardView',
+  components: {
+    BaseSameLayer,
+  },
+  props: {
+    hosUniqueProps: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    data: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+  computed: {
+    hosSameLayerArgs() {
+      return {
+        ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+        width: this.width,
+        height: this.height,
+        data: this.data,
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+  },
+};
+</script>

package/src/components/midea-wave-progress-view.vue

@@ -0,0 +1,56 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-wave-progress-view"
+    :defaultWidth="300"
+    :defaultHeight="300"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from "./baseSameLayer.vue";
+
+export default {
+  name: "MideaWaveProgressView",
+  data() {
+    return {
+      width: 0,
+      height: 0
+    }
+  },
+  components: {
+    BaseSameLayer,
+  },
+  props: {
+    hosUniqueProps: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    data: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+  computed: {
+    hosSameLayerArgs() {
+      return {
+        ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+        width: this.width,
+        height: this.height,
+        data: this.data,
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+  },
+
+  methods: {
+  },
+};
+</script>

package/src/index.js

@@ -174,7 +174,23 @@ const componentMap = [
     componentName: 'DragVerticalListView',
     componentAddress: 'drag-vertical-list-view.vue',
     isInPlugin: false
-  }
+  },
+  {
+    componentName: 'mideaWaveProgressView',
+    componentAddress: 'midea-wave-progress-view.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'mideaAudioWaveView',
+    componentAddress: 'midea-audio-wave-view.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaVillaCardView',
+    componentAddress: 'midea-villa-card-view.vue',
+    isInPlugin: false
+  },
+  
 ]
 
 module.exports = componentMap

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 传递给子节点
+      });
     }
   }
 }