fix: 视图显示延迟bug修复

frontend/src/components/widget/DeWidget/DeTabs.vue

@@ -3,8 +3,10 @@
     class="de-tabs-div"
     :class="headClass"
   >
-    <div v-if="maskShow" class="frame-mask edit-mask" >
-    </div>
+    <div
+      v-if="maskShow"
+      class="frame-mask edit-mask"
+    />
     <dataease-tabs
       v-model="activeTabName"
       type="card"
@@ -296,7 +298,7 @@ export default {
     }
   },
   computed: {
-    maskShow(){
+    maskShow() {
       return Boolean(this.$store.state.dragComponentInfo)
     },
     titleStyle() {

frontend/src/store/index.js

@@ -190,6 +190,14 @@ const data = {
       state.canvasStyleData = style
     },
 
+    setComponentFromList(state, playload) {
+      state.componentData.some((ele, index) => {
+        if (ele.id !== playload.id) return false
+        state.componentData.splice(index, 1, playload)
+        return true
+      })
+    },
+
     setCurComponent(state, { component, index }) {
       // 当前视图操作状态置空
       if (component) {

frontend/src/views/panel/ViewSelect/multiplexing.vue

@@ -41,7 +41,7 @@ import DeMainContainer from '@/components/dataease/DeMainContainer'
 import DeContainer from '@/components/dataease/DeContainer'
 import DeAsideContainer from '@/components/dataease/DeAsideContainer'
 import { findOne } from '@/api/panel/panel'
-import { deepCopy, getNowCanvasComponentData, panelDataPrepare } from '@/components/canvas/utils/utils'
+import { deepCopy, panelDataPrepare } from '@/components/canvas/utils/utils'
 import Preview from '@/components/canvas/components/Editor/Preview'
 import MultiplexingView from '@/views/panel/ViewSelect/multiplexingView'
 import { DEFAULT_COMMON_CANVAS_STYLE_STRING } from '@/views/panel/panel'

frontend/src/views/panel/edit/index.vue

@@ -1154,6 +1154,7 @@ export default {
       this.$store.commit('setComponentWithId', this.currentFilterCom)
       this.$store.commit('recordSnapshot', 'sureFilter')
       this.$store.commit('setCurComponent', { component: this.currentFilterCom, index: this.curComponentIndex })
+      this.$store.commit('setComponentFromList', this.currentFilterCom)
       bus.$emit('reset-default-value', this.currentFilterCom.id)
       this.closeFilter()
     },