@dolphinweex/weex-harmony 0.1.16 → 0.1.18

package/package.json

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

package/src/components/baseSameLayer.vue

@@ -64,12 +64,10 @@ export default {
       return filtered;
     },
     embedWidth() {
-      this.$forceUpdate()
       // 如果hosSameLayerArgs.width存在且定义了，则使用该值，否则使用defaultWidth
       return this.hosSameLayerArgs.width || this.defaultWidth;
     },
     embedHeight() {
-      this.$forceUpdate()
       // 如果hosSameLayerArgs.height存在且定义了，则使用该值，否则使用defaultHeight
       return this.hosSameLayerArgs.height || this.defaultHeight;
     },
@@ -147,9 +145,11 @@ export default {
       deep: true,
       handler: function (newVal, oldVal) {
         console.log("[sameLayerRendering] web component update.");
-        weexModule.callNative("transferSameLayerArgs", {
-          componentId: this.embedId,
-          ...newVal,
+        this.$nextTick(() => {
+          weexModule.callNative("transferSameLayerArgs", {
+            componentId: this.embedId,
+            ...newVal,
+          });
         });
       },
     },

package/src/components/hl-web-base.vue

@@ -1,14 +1,17 @@
 <template>
-    <BaseSameLayer
+    <!-- <BaseSameLayer
         :hosSameLayerArgs="hosSameLayerArgs"
         embedType="native/web"
         :defaultWidth="300"
         :defaultHeight="120"
-    ></BaseSameLayer>
+    ></BaseSameLayer> -->
+    <iframe :src="src" ref="iframe"></iframe>
+
 </template>
 
 <script>
 import BaseSameLayer from "./baseSameLayer.vue";
+let count = 0
 
 export default {
   name: "HlWeb",
@@ -18,9 +21,6 @@ export default {
       height: 0
     }
   },
-  components: {
-    BaseSameLayer,
-  },
   props: {
     hosUniqueProps: {
       type: Object,
@@ -40,7 +40,7 @@ export default {
 
   computed: {
     hosSameLayerArgs() {
-      return {
+    return {
         ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
         src: this.src,
         width: this.width,
@@ -56,8 +56,24 @@ export default {
   mounted() {
     this.width = this.$el.clientWidth;
     this.height = this.$el.clientHeight;
+
+    this.onPageStart();
+    var that = this
+    window.addEventListener('message', function (event)  {
+      // 可以添加来源检查以确保消息来自预期的源
+      if (event.origin === window.origin && that.onMessage) {
+        that.onMessage(event.data)
+      }
+    });
+
+    this.$refs["iframe"].addEventListener('load', this.onPageFinish);
+
+    this.$refs["error"].addEventListener('load', this.onError);
   },
-  methods: {
+  methods: { 
+    postMessage(message){
+      this.$refs["iframe"].contentWindow.postMessage(message, this.src)
+    },
     // 自定义拓展其它逻辑
     onPageFinish(res) {
         console.log("[web] pagefinish ", res);
@@ -77,7 +93,7 @@ export default {
     },
     onMessage(res){
       console.log("[web] onMessage ", res);
-        this.$emit("message", res);
+      this.$emit("message", res);
     }
   },
   watch: {

package/src/components/midea-apng-view-base.vue

@@ -5,6 +5,8 @@
     embedType="native/midea-apng-view"
     :defaultWidth="750"
     :defaultHeight="300"
+    v-on="$listeners"
+    :listenEvents="['click']"
   ></BaseSameLayer>
 </template>
 

package/src/components/midea-scene-card-drag-list-view.vue

@@ -1,6 +1,5 @@
 <template>
-  <BaseSameLayer :hosSameLayerArgs="hosSameLayerArgs" embedType="native/midea-scene-card-drag-list-view" :defaultWidth="300"
-    :defaultHeight="300" ref="sceneCardRed"></BaseSameLayer>
+  <BaseSameLayer :hosSameLayerArgs="hosSameLayerArgs" embedType="native/midea-scene-card-drag-list-view" ref="sceneCardRed"></BaseSameLayer>
 </template>
 
 <script>