@dolphinweex/weex-harmony 0.1.66 → 0.1.68

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dolphinweex/weex-harmony",
-  "version": "0.1.66",
+  "version": "0.1.68",
   "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>

package/src/transform-loader.js

@@ -190,7 +190,25 @@ function getComponentLoc(name) {
     return getAbsPath(address)
   }
 }
+//解决v-bind传的是 a.b.c这种 可能a是空导致报错
 function createComputedProperty(vBindValue, computedName) {
+  // 使用辅助函数创建成员表达式，支持嵌套属性路径
+  const valueExpression = createMemberExpressionFromPath(vBindValue);
+  const styleExpression = t.memberExpression(createMemberExpressionFromPath(vBindValue), t.identifier('style'));
+  
+  // 为嵌套路径创建逐级空值检查（如 a.b.c 需要检查 a && a.b && a.b.c）
+  const parts = vBindValue.split('.');
+  const nullCheckConditions = [];
+  for (let i = 0; i < parts.length; i++) {
+    nullCheckConditions.push(createMemberExpressionFromPath(parts.slice(0, i + 1).join('.')));
+  }
+  
+  // 构建逐级 && 检查表达式
+  let nullCheckExpression = nullCheckConditions[0];
+  for (let i = 1; i < nullCheckConditions.length; i++) {
+    nullCheckExpression = t.logicalExpression('&&', nullCheckExpression, nullCheckConditions[i]);
+  }
+  
   return t.objectProperty(
     t.identifier('computed'),  // 为对象添加 computed 属性
     t.objectExpression([  // 计算属性
@@ -200,31 +218,27 @@ function createComputedProperty(vBindValue, computedName) {
           null, //不需要传参
           [],
           t.blockStatement([  // 函数体是一个块语句，包含多个语句
-            t.ifStatement(// if (this.scrollerWrapProps && this.scrollerWrapProps.style)
+            // 先判断对象本身是否存在（逐级检查），不存在直接返回空对象
+            t.ifStatement(
+              t.unaryExpression('!', nullCheckExpression),
+              t.blockStatement([
+                t.returnStatement(t.objectExpression([]))
+              ])
+            ),
+            t.ifStatement(// if (this.xxx && this.xxx.style)
               t.logicalExpression(  
-                '&&',  // 使用逻辑“与”操作符
-                t.memberExpression(t.thisExpression(), t.identifier(vBindValue)), // this.scrollerWrapProps
-                t.memberExpression(
-                  t.memberExpression(t.thisExpression(), t.identifier(vBindValue)),
-                  t.identifier('style')  // this.scrollerWrapProps.style
-                )
+                '&&',  // 使用逻辑"与"操作符
+                valueExpression,
+                styleExpression
               ),
-              t.blockStatement([  // 如果条件符合妖气
+              t.blockStatement([  // 如果条件符合
                 t.expressionStatement( 
                   t.assignmentExpression(
                     '=',  // 赋值操作
-                    t.memberExpression(
-                      t.memberExpression(t.thisExpression(), t.identifier(vBindValue)),
-                      t.identifier('style')  // this.scrollerWrapProps.style
-                    ),
-            t.callExpression(
-                      t.identifier('this._px2rem'),  // weex._px2remFn 函数
-                      [//函数传参
-                        t.memberExpression(
-                          t.memberExpression(t.thisExpression(), t.identifier(vBindValue)),
-                          t.identifier('style') 
-                        )
-                      ]
+                    styleExpression,
+                    t.callExpression(
+                      t.memberExpression(t.thisExpression(), t.identifier('_px2rem')),  // this._px2rem 函数
+                      [styleExpression]
                     )
                   )
                 )
@@ -237,7 +251,7 @@ function createComputedProperty(vBindValue, computedName) {
                     t.memberExpression(t.identifier('Object'), t.identifier('assign')),
                     [
                       t.objectExpression([]),
-                      t.memberExpression(t.thisExpression(), t.identifier(vBindValue))
+                      valueExpression
                     ]
                   )
                 )
@@ -265,6 +279,20 @@ function getAbsPath(address){
   }
 }
 
+/**
+ * 根据属性路径字符串（如 'a.b.c'）创建 AST 成员表达式
+ * @param {*} propertyPath 属性路径字符串
+ * @returns AST 成员表达式节点
+ */
+function createMemberExpressionFromPath(propertyPath) {
+  const parts = propertyPath.split('.');
+  let expression = t.memberExpression(t.thisExpression(), t.identifier(parts[0]));
+  for (let i = 1; i < parts.length; i++) {
+    expression = t.memberExpression(expression, t.identifier(parts[i]));
+  }
+  return expression;
+}
+
 /**
  * 生产SFC代码
  * @param {*} moduleResoveRet