refactor(仪表板、数据大屏):查询组件修改PC端默认值，移动端也能更新 #17895 (#17985)

core/core-frontend/package.json

@@ -3,6 +3,7 @@
   "private": true,
   "version": "0.0.0",
   "scripts": {
+    "dev:win": "set NODE_OPTIONS=--max_old_space_size=4096 && vite --mode dev --host 0.0.0.0",
     "dev": "NODE_OPTIONS=--max_old_space_size=4096 vite --mode dev --host 0.0.0.0",
     "build:flush": "cd ./flushbonading && rimraf ./demo.html && npm i && node ./index.js",
     "ts:check": "vue-tsc --noEmit",

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

@@ -213,7 +213,6 @@ function deepCopyHelper(data, idMap) {
   result.inMobile = false
   delete result.mStyle
   delete result.mEvents
-  delete result.mPropValue
   delete result.mCommonBackground
   if (result.component === 'VQuery') {
     result.propValue?.forEach(queryItem => {

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

@@ -488,17 +488,15 @@ export async function backCanvasData(dvId, mobileViewInfo, busiFlag, callBack) {
       componentData.value.forEach(ele => {
         ele.inMobile = componentDataId.includes(ele.id)
         if (ele.inMobile) {
-          const { mx, my, mSizeX, mSizeY, mPropValue, mEvents, mCommonBackground } =
-            componentDataCopy.find(itx => itx.id === ele.id)
+          const { mx, my, mSizeX, mSizeY, mEvents, mCommonBackground } = componentDataCopy.find(
+            itx => itx.id === ele.id
+          )
           ele.mx = mx
           ele.my = my
           ele.mSizeX = mSizeX
           ele.mSizeY = mSizeY
           ele.mEvents = mEvents
           ele.mCommonBackground = mCommonBackground
-          if (ele.component === 'VQuery') {
-            ele.mPropValue = mPropValue
-          }
         }
       })
       Object.keys(canvasViewInfoPreview).forEach(key => {
@@ -541,7 +539,6 @@ export function initCanvasDataMobile(dvId, params, callBack) {
           mSizeX,
           mSizeY,
           mStyle,
-          mPropValue,
           mEvents,
           mCommonBackground,
           style,
@@ -554,14 +551,12 @@ export function initCanvasDataMobile(dvId, params, callBack) {
         ele.sizeX = mSizeX
         ele.sizeY = mSizeY
         ele.style = mStyle || style
-        ele.propValue = mPropValue || propValue
         ele.events = mEvents || events
         ele.commonBackground = mCommonBackground || commonBackground
         if (ele.component === 'DeTabs') {
           ele.propValue?.forEach(tabItem => {
             tabItem.componentData?.forEach(tabComponent => {
               tabComponent.style = tabComponent.mStyle || tabComponent.style
-              tabComponent.propValue = tabComponent.mPropValue || tabComponent.propValue
               tabComponent.events = tabComponent.mEvents || tabComponent.events
               tabComponent.commonBackground =
                 tabComponent.mCommonBackground || tabComponent.commonBackground

core/core-frontend/src/views/dashboard/MobileConfigPanel.vue

@@ -149,9 +149,6 @@ const hanedleMessage = event => {
         ele.mStyle = style
         ele.mEvents = events
         ele.mCommonBackground = commonBackground
-        if (ele.component === 'VQuery') {
-          ele.mPropValue = propValue
-        }
         if (ele.component === 'DeTabs') {
           ele.propValue.forEach(tabItem => {
             tabItem.componentData?.forEach(tabComponent => {
@@ -164,9 +161,6 @@ const hanedleMessage = event => {
               tabComponent.mStyle = tStyle
               tabComponent.mEvents = tEvents
               tabComponent.mCommonBackground = tCommonBackground
-              if (tabComponent.component === 'VQuery') {
-                tabComponent.mPropValue = tPropValue
-              }
             })
           })
         }

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

@@ -23,7 +23,7 @@ const hanedleMessage = event => {
   if (event.data.type === 'panelInit') {
     const { componentData, canvasStyleData, dvInfo, canvasViewInfo, isEmbedded } = event.data.value
     componentData.forEach(ele => {
-      const { mx, my, mSizeX, mSizeY, mStyle, mCommonBackground, mEvents, mPropValue } = ele
+      const { mx, my, mSizeX, mSizeY, mStyle, mCommonBackground, mEvents } = ele
       ele.x = mx
       ele.y = my
       ele.sizeX = mSizeX
@@ -31,9 +31,6 @@ const hanedleMessage = event => {
       ele.style = deepCopy(mStyle || ele.style)
       ele.commonBackground = deepCopy(mCommonBackground || ele.commonBackground)
       ele.events = deepCopy(mEvents || ele.events)
-      if (ele.component === 'VQuery') {
-        ele.propValue = deepCopy(mPropValue || ele.propValue)
-      }
 
       if (ele.component === 'DeTabs') {
         ele.propValue?.forEach(tabItem => {
@@ -41,8 +38,7 @@ const hanedleMessage = event => {
             const {
               mStyle: tStyle,
               mCommonBackground: tCommonBackground,
-              mEvents: tEvents,
-              mPropValue: tPropValue
+              mEvents: tEvents
             } = tabComponent
             tabComponent.style = deepCopy(tStyle || tabComponent.style)
             tabComponent.commonBackground = deepCopy(