Merge pull request #12923 from dataease/pr@dev-v2@refactor_mobile2

refactor(仪表板): 移动端样式设计优化

core/core-frontend/src/store/modules/data-visualization/dvMain.ts

@@ -311,7 +311,7 @@ export const dvMainStore = defineStore('dataVisualization', {
       if (this.mobileInPc) {
         useEmitt().emitter.emit('curComponentChange', {
           type: 'curComponentChange',
-          value: JSON.parse(JSON.stringify(this.curComponent))
+          value: this.curComponent ? JSON.parse(JSON.stringify(this.curComponent)) : null
         })
       }
     },

core/core-frontend/src/utils/canvasUtils.ts

@@ -787,5 +787,7 @@ export function mobileViewStyleSwitch(component) {
     const viewInfo = canvasViewInfo.value[component.id]
     viewInfo.customStyle = component.customStyle
     viewInfo.customAttr = component.customAttr
+    viewInfo.title = component.title
+    viewInfo.name = component.name
   }
 }

core/core-frontend/src/views/chart/components/editor/index.vue

@@ -1061,8 +1061,16 @@ const onChangeMiscStyleForm = val => {
 
 const onTextChange = val => {
   view.value.customStyle.text = val
-  useEmitt().emitter.emit('updateTitle-' + view.value.id)
-  snapshotStore.recordSnapshotCache('renderChart', view.value.id)
+  if (mobileInPc.value) {
+    //移动端设计
+    useEmitt().emitter.emit('onMobileStatusChange', {
+      type: 'componentStyleChange',
+      value: { type: 'updateTitle', component: JSON.parse(JSON.stringify(view.value)) }
+    })
+  } else {
+    useEmitt().emitter.emit('updateTitle-' + view.value.id)
+    snapshotStore.recordSnapshotCache('renderChart', view.value.id)
+  }
 }
 
 const onLegendChange = val => {

core/core-frontend/src/views/mobile/panel/index.vue

@@ -77,6 +77,9 @@ const hanedleMessage = event => {
     } else if (type === 'calcData') {
       mobileViewStyleSwitch(component)
       useEmitt().emitter.emit('calcData-' + component.id, component)
+    } else if (type === 'updateTitle') {
+      mobileViewStyleSwitch(component)
+      useEmitt().emitter.emit('updateTitle-' + component.id)
     } else if (['style', 'commonBackground'].includes(type)) {
       const mobileComponent = findComponentById(component.id)
       mobileComponent[type] = component[type]