From 18aa51ee10742dc3b63703c2e64325740058c5f5 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Fri, 1 Mar 2024 18:11:33 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20=E5=86=85?=
 =?UTF-8?q?=E5=AD=98=E6=B3=84=E6=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/editor/ComponentWrapper.vue     |  4 ----
 .../canvas/components/editor/Shape.vue         | 11 -----------
 .../canvas/customComponent/DeFrame.vue         |  1 +
 .../components/canvas/utils/runAnimation.js    | 18 ------------------
 4 files changed, 1 insertion(+), 33 deletions(-)
 delete mode 100644 core/frontend/src/components/canvas/utils/runAnimation.js

diff --git a/core/frontend/src/components/canvas/components/editor/ComponentWrapper.vue b/core/frontend/src/components/canvas/components/editor/ComponentWrapper.vue
index f21f974610..75a30fc02a 100644
--- a/core/frontend/src/components/canvas/components/editor/ComponentWrapper.vue
+++ b/core/frontend/src/components/canvas/components/editor/ComponentWrapper.vue
@@ -79,7 +79,6 @@
 
 <script>
 import { getStyle } from '@/components/canvas/utils/style'
-import runAnimation from '@/components/canvas/utils/runAnimation'
 import { mixins } from '@/components/canvas/utils/events'
 import { mapState } from 'vuex'
 import DeOutWidget from '@/components/dataease/DeOutWidget'
@@ -236,9 +235,6 @@ export default {
       'panelViewDetailsInfo'
     ])
   },
-  mounted() {
-    runAnimation(this.$el, this.config.animations)
-  },
   methods: {
     triggerFilterLoaded(p) {
       if (this.config.type === 'de-tabs') {
diff --git a/core/frontend/src/components/canvas/components/editor/Shape.vue b/core/frontend/src/components/canvas/components/editor/Shape.vue
index eff4fc7a77..af0ffc0625 100644
--- a/core/frontend/src/components/canvas/components/editor/Shape.vue
+++ b/core/frontend/src/components/canvas/components/editor/Shape.vue
@@ -37,7 +37,6 @@
 
 <script>
 import eventBus from '@/components/canvas/utils/eventBus'
-import runAnimation from '@/components/canvas/utils/runAnimation'
 import { mapState } from 'vuex'
 import calculateComponentPositionAndSize from '@/components/canvas/utils/calculateComponentPositionAndSize'
 import { mod360 } from '@/components/canvas/utils/translate'
@@ -107,18 +106,8 @@ export default {
       this.cursors = this.getCursor() // 根据旋转角度获取光标位置
     }
     this.element.type === 'custom' && (this.pointList = ['l', 'r'])
-
-    eventBus.$on('runAnimation', this.runAnimation)
-  },
-  beforeDestroy() {
-    eventBus.$off('runAnimation', this.runAnimation)
   },
   methods: {
-    runAnimation() {
-      if (this.element === this.curComponent) {
-        runAnimation(this.$el, this.curComponent.animations)
-      }
-    },
     // 鼠标移入事件
     enter() {
       this.mouseOn = true
diff --git a/core/frontend/src/components/canvas/customComponent/DeFrame.vue b/core/frontend/src/components/canvas/customComponent/DeFrame.vue
index f63165a426..bbbc271cd1 100644
--- a/core/frontend/src/components/canvas/customComponent/DeFrame.vue
+++ b/core/frontend/src/components/canvas/customComponent/DeFrame.vue
@@ -106,6 +106,7 @@ export default {
   },
   beforeDestroy() {
     bus.$off('frameLinksChange-' + this.element.id, this.frameLinksChange)
+    eventBus.$off('startMoveIn', this.frameLinksChange)
   },
   methods: {
     frameLinksChange() {
diff --git a/core/frontend/src/components/canvas/utils/runAnimation.js b/core/frontend/src/components/canvas/utils/runAnimation.js
deleted file mode 100644
index 3601bdb53a..0000000000
--- a/core/frontend/src/components/canvas/utils/runAnimation.js
+++ /dev/null
@@ -1,18 +0,0 @@
-export default async function runAnimation($el, animations = []) {
-  const play = (animation) => new Promise(resolve => {
-    $el.classList.add(animation.value, 'animated')
-    const removeAnimation = () => {
-      $el.removeEventListener('animationend', removeAnimation)
-      $el.removeEventListener('animationcancel', removeAnimation)
-      $el.classList.remove(animation.value, 'animated')
-      resolve()
-    }
-
-    $el.addEventListener('animationend', removeAnimation)
-    $el.addEventListener('animationcancel', removeAnimation)
-  })
-
-  for (let i = 0, len = animations.length; i < len; i++) {
-    await play(animations[i])
-  }
-}