@dolphinweex/weex-harmony 0.1.29 → 0.1.30

package/package.json

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

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

@@ -152,6 +152,7 @@
 </template>
 
 <script>
+import { weex_harmony_rebindGestureDelayed } from '@dolphinweex/harmony-webpack-adapter/registerGesture.js'; // 请替换为实际的loader文件路径
 import lottie from 'lottie-web';
 const scla = 2;
 export default {
@@ -198,6 +199,10 @@ export default {
       fixedItemHeight: 0,
       animationFrameId: null,
       isProcessingData: false,
+      // 手势事件配置 - 根据实际使用的手势事件来配置
+      gestureEventMap: [],
+      // 元素ID - 用于标识需要绑定手势的元素
+      elementId: 'grid-item'
     };
   },
   computed: {
@@ -282,9 +287,59 @@ export default {
         if (oldFrontAnimUrl !== newFrontAnimUrl && newFrontAnimUrl) {
           this.createLottieAnimation('front', itemId, mergedData.frontAnimView, mergedData);
         }
+        // 重新绑定手势事件 - 解决DOM更新后手势失效问题
+        this.rebindGestureEvents();
       });
     },
-
+    // 重新绑定手势事件的方法
+    rebindGestureEvents() {
+      try {
+        // 延迟执行确保DOM完全更新
+        weex_harmony_rebindGestureDelayed(
+          this.$el, // 组件根元素
+          this.gestureEventMap, // 手势事件配置数组
+          this.elementId, // 元素类名ID
+          100 // 延迟100ms
+        );
+        console.log('手势事件重新绑定完成');
+      } catch (error) {
+        console.error('重新绑定手势事件失败:', error);
+      }
+    },
+          // 初始化手势事件配置
+          initGestureConfig() {
+      // 根据你实际使用的手势事件来配置
+      this.gestureEventMap = [
+        {
+          name: "@touchstart",
+          handler: this.startLongPress,
+          params: ['event', 'index'],
+          isEvent: true,
+          modifier: []
+        },
+        {
+          name: "@touchmove", 
+          handler: this.checkLongPressMove,
+          params: [],
+          isEvent: true,
+          modifier: []
+        },
+        {
+          name: "@touchend",
+          handler: this.endTouch,
+          params: [],
+          isEvent: true,
+          modifier: []
+        },
+        {
+          name: "@touchcancel",
+          handler: this.endTouch,
+          params: [],
+          isEvent: true,
+          modifier: []
+        }
+      ];
+    },
     // 简化的动画创建方法
     createLottieAnimation(type, itemId, animView, itemData) {
       const animKey = `${type}-${itemId}`;
@@ -956,12 +1011,15 @@ export default {
         this.generateDataList();
         this.$nextTick(() => {
           this.initLottieAnimations();
+          this.rebindGestureEvents();
         });
       },
       deep: true,
     },
   },
+
   mounted() {
+    this.initGestureConfig()
     console.log(this.data, 'djdjdjdjdjdjdj');
     // 初始获取grid-box宽度
     this.updateGridBoxWidth();