@dolphinweex/weex-harmony 0.1.66 → 0.1.67

package/package.json

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

package/src/components/midea-common-weex-view.vue

@@ -122,6 +122,9 @@ export default {
       return null;
     };
     this._wrapperEl = findWrapperFromParent(); // 保存容器引用
+    // 优化手势处理性能
+    this._rafId = null;
+    this._pendingGesture = null;
     this._onMessage = (event) => {
       if(event.data.type==='IFRAME_CONTENT_HEIGHT'){
         const h = Number(event.data.height) || 0;
@@ -136,6 +139,26 @@ export default {
       }else{
         document.getElementsByTagName('iframe')[0].height = event.data.height
       }
+      // 处理iframe手势跨窗口传递冒泡
+      if (event.data.type === 'IFRAME_GESTURE') {
+        const gestureData = event.data;
+        
+        // touchmove 使用RAF节流，其他事件立即处理
+        if (gestureData.eventType === 'touchmove') {
+          this._pendingGesture = gestureData;
+          if (!this._rafId) {
+            this._rafId = requestAnimationFrame(() => {
+              if (this._pendingGesture) {
+                this.handleGestureBubble(this._pendingGesture);
+                this._pendingGesture = null;
+              }
+              this._rafId = null;
+            });
+          }
+        } else {
+          this.handleGestureBubble(gestureData);
+        }
+      }
     };
     window.addEventListener("message", this._onMessage, false);
   },
@@ -151,6 +174,60 @@ export default {
         );
       }
     },
+    handleGestureBubble(gestureData) {
+      const iframeEl = this.$refs.iframe;
+      if (!iframeEl) return;
+
+      const rect = iframeEl.getBoundingClientRect();
+      const offsetX = rect.left;
+      const offsetY = rect.top;
+      const pageOffsetX = offsetX + window.pageXOffset;
+      const pageOffsetY = offsetY + window.pageYOffset;
+      
+      // 创建Touch对象并转换坐标
+      const createTouches = (touchesData) => touchesData.map(t => new Touch({
+        identifier: t.identifier,
+        target: iframeEl,
+        clientX: t.clientX + offsetX,
+        clientY: t.clientY + offsetY,
+        screenX: t.screenX,
+        screenY: t.screenY,
+        pageX: t.pageX + pageOffsetX,
+        pageY: t.pageY + pageOffsetY,
+        radiusX: t.radiusX || 0,
+        radiusY: t.radiusY || 0,
+        rotationAngle: t.rotationAngle || 0,
+        force: t.force || 0
+      }));
+
+      try {
+        iframeEl.dispatchEvent(new TouchEvent(gestureData.eventType, {
+          bubbles: true,
+          cancelable: true,
+          composed: true,
+          touches: createTouches(gestureData.touches),
+          targetTouches: createTouches(gestureData.targetTouches),
+          changedTouches: createTouches(gestureData.changedTouches),
+          ctrlKey: gestureData.ctrlKey,
+          shiftKey: gestureData.shiftKey,
+          altKey: gestureData.altKey,
+          metaKey: gestureData.metaKey
+        }));
+      } catch (e) {
+        console.warn('手势事件冒泡失败:', e);
+      }
+    },
+  },
+  beforeDestroy() {
+    // 清理RAF避免内存泄漏
+    if (this._rafId) {
+      cancelAnimationFrame(this._rafId);
+      this._rafId = null;
+    }
+    // 清理消息监听
+    if (this._onMessage) {
+      window.removeEventListener("message", this._onMessage, false);
+    }
   },
 };
 </script>