@dolphinweex/weex-harmony 0.1.33 → 0.1.34

package/package.json

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

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

@@ -167,13 +167,11 @@ export default {
   },
   data() {
     return {
-      isNotUpdated: true,
       targetTouchX: 0,
       targetTouchY: 0,
       selected: null,
       longPressTimer: null,
       longPressDuration: 350,
-      longPressStartIndex: null,
       draggingIndex: null,
       hoverIndex: null,
       isTouchDragging: false,
@@ -285,12 +283,6 @@ export default {
       const animKey = `${type}-${itemId}`;
       const refName = `${type}Anim-${itemId}`;
 
-      // 销毁旧动画
-      if (this.lottieAnimations[animKey]) {
-        this.lottieAnimations[animKey].destroy();
-        delete this.lottieAnimations[animKey];
-      }
-
       // 检查DOM元素是否存在
       const animEl = this.$refs[refName];
       if (!animEl || !animEl[0] || !animView.animUrl) {
@@ -305,6 +297,36 @@ export default {
         return;
       }
 
+      // 如果是bg或front动画，需要检查并清理另一个
+      if (type === 'bg' || type === 'front') {
+        const otherType = type === 'bg' ? 'front' : 'bg';
+        const otherAnimKey = `${otherType}-${itemId}`;
+
+        // 如果另一个动画正在运行，先销毁它
+        if (this.lottieAnimations[otherAnimKey]) {
+          this.lottieAnimations[otherAnimKey].destroy();
+          delete this.lottieAnimations[otherAnimKey];
+
+          // 清空对应的animUrl数据
+          const index = this.data.list.findIndex(
+            (i) => i.itemView.id == itemId
+          );
+          if (index !== -1) {
+            this.$set(
+              this.data.list[index][`${otherType}AnimView`],
+              'animUrl',
+              ''
+            );
+          }
+        }
+      }
+
+      // 销毁当前类型的旧动画
+      if (this.lottieAnimations[animKey]) {
+        this.lottieAnimations[animKey].destroy();
+        delete this.lottieAnimations[animKey];
+      }
+
       try {
         const anim = lottie.loadAnimation({
           container: animEl[0],
@@ -595,7 +617,6 @@ export default {
         return;
       }
       this.$emit('onDragEventStart', e);
-
       // 只在编辑模式下阻止事件冒泡和默认行为
       this.cancelLongPress();
       // 记录起始触摸位置和索引
@@ -603,7 +624,6 @@ export default {
       this.touchStartX = touch.pageX;
       this.touchStartY = touch.pageY;
       console.log('开始长按ddddddddd', touch, touch.pageY, touch.pageX);
-      this.longPressStartIndex = index;
       this.isScrolling = false; // 重置滚动状态
 
       // 设置新的长按计时器
@@ -707,7 +727,6 @@ export default {
         clearTimeout(this.longPressTimer);
         this.longPressTimer = null;
       }
-      this.longPressStartIndex = null;
     },
 
     // 触摸移动处理
@@ -940,10 +959,10 @@ export default {
   watch: {
     'data.isEditing': {
       handler(newVal) {
-        this.isNotUpdated = newVal
-        if (!newVal) {
-          this.$set(this.data, 'list', this.data.list);
-        }
+        this.generateDataList();
+        this.$nextTick(() => {
+          this.initLottieAnimations();
+        });
       },
       deep: true,
     },
@@ -954,12 +973,13 @@ export default {
         if (this.isProcessingData) {
           return;
         }
-
-        console.log('检测到data.list变化');
-        this.generateDataList();
-        this.$nextTick(() => {
-          this.initLottieAnimations();
-        });
+        if (newList.length !== oldList.length) {
+          console.log('检测到data.list变化');
+          this.generateDataList();
+          this.$nextTick(() => {
+            this.initLottieAnimations();
+          });
+        }
       },
       deep: true,
     },
@@ -974,9 +994,6 @@ export default {
     // 初始化Lottie动画
     this.initLottieAnimations();
   },
-  updated(){
-    if(this.isNotUpdated){return}
-  },
   beforeDestroy() {
     // 确保清理所有事件监听器
     this.cancelLongPress();
@@ -997,10 +1014,12 @@ export default {
 button {
   border: none;
 }
+
 .disabled-item {
   opacity: 0.6;
   pointer-events: none;
 }
+
 .outer-container {
   width: 100%;
   position: relative;
@@ -1035,6 +1054,7 @@ button {
   will-change: transform, opacity, box-shadow;
   overflow: hidden;
 }
+
 .grid-box {
   position: relative;
   display: flex;
@@ -1045,16 +1065,19 @@ button {
   overflow: hidden;
   height: auto;
 }
+
 .leftTopIcon {
   position: fixed;
   left: 0;
   top: 0;
 }
+
 .actionButton {
   display: flex;
   justify-content: center;
   align-items: center;
 }
+
 /* Lottie容器样式 */
 .lottie-container {
   position: absolute;
@@ -1072,6 +1095,7 @@ button {
   width: 100%;
   height: 100%;
 }
+
 .bg-anim,
 .front-anim {
   position: absolute;
@@ -1096,7 +1120,8 @@ button {
 /* 正在拖拽的元素样式 */
 .being-dragged {
   z-index: 10;
-  opacity: 0.3; /* 降低原位置的不透明度 */
+  opacity: 0.3;
+  /* 降低原位置的不透明度 */
 }
 
 /* 被拖拽时原位置隐藏 */
@@ -1120,6 +1145,7 @@ button {
   left: 0;
   top: 0;
 }
+
 .flexBox {
   display: flex;
   justify-content: space-between;
@@ -1127,6 +1153,7 @@ button {
   position: relative;
   flex-direction: row;
 }
+
 .itemText {
   display: block;
   width: 80%;
@@ -1145,15 +1172,19 @@ button {
   0% {
     transform: rotateZ(2deg);
   }
+
   25% {
     transform: rotateZ(-2deg);
   }
+
   50% {
     transform: rotateZ(2deg);
   }
+
   75% {
     transform: rotateZ(-2deg);
   }
+
   100% {
     transform: rotateZ(2deg);
   }