From 917bb22021ae0cd0e9631adbd4d212cf0ab2f29b Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 30 Oct 2024 16:37:03 +0800
Subject: [PATCH 1/2] =?UTF-8?q?fix(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=A7=BB=E5=8A=A8=E7=AB=AF=E8=AE=BE=E8=AE=A1?=
 =?UTF-8?q?=E9=9D=A2=E6=9D=BF=E5=8F=AF=E8=83=BD=E4=B8=8D=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/dashboard/MobileConfigPanel.vue | 76 ++++++++++---------
 1 file changed, 39 insertions(+), 37 deletions(-)

diff --git a/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue b/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
index 0d2ca05996..2f61c435a1 100644
--- a/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
+++ b/core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
@@ -313,44 +313,46 @@ const save = () => {
         <el-tab-pane label="组件样式" name="componentStyle"> </el-tab-pane>
         <el-tab-pane label="整体样式" name="style"> </el-tab-pane>
       </el-tabs>
-      <div class="config-mobile-tab" v-show="activeCollapse === 'style'">
-        <MobileBackgroundSelector @styleChange="changeTimes++"></MobileBackgroundSelector>
-      </div>
-      <div class="config-mobile-tab-style" v-show="activeCollapse === 'componentStyle'">
-        <component-style-editor
-          :canvas-view-info-mobile="canvasViewInfoMobile"
-        ></component-style-editor>
-      </div>
-      <div class="config-mobile-tab" v-show="activeCollapse === 'com'">
-        <div
-          :style="{ height: '198px', width: '198px' }"
-          class="mobile-wrapper-inner-adaptor"
-          v-for="item in componentDataNotInMobile"
-          :key="item.id"
-        >
-          <div class="component-outer">
-            <ComponentWrapper
-              v-show="item.isShow"
-              canvas-id="canvas-main"
-              :canvas-style-data="canvasStyleData"
-              :dv-info="dvInfo"
-              :canvas-view-info="canvasViewInfoMobile"
-              :view-info="canvasViewInfoMobile[item.id]"
-              :config="item"
-              :style="getComponentStyleDefault()"
-              show-position="preview"
-              :search-count="0"
-              :scale="80"
-            />
-          </div>
-          <div class="mobile-com-mask" @click="addToMobile(item)">
-            <span v-show="item.component === 'DeStreamMedia'" style="color: #909399"
-              >IOS可能无法显示</span
-            >
-          </div>
-          <div class="pc-select-to-mobile" @click="addToMobile(item)" v-if="!mobileLoading"></div>
+      <template v-if="!mobileLoading">
+        <div class="config-mobile-tab" v-show="activeCollapse === 'style'">
+          <MobileBackgroundSelector @styleChange="changeTimes++"></MobileBackgroundSelector>
         </div>
-      </div>
+        <div class="config-mobile-tab-style" v-show="activeCollapse === 'componentStyle'">
+          <component-style-editor
+            :canvas-view-info-mobile="canvasViewInfoMobile"
+          ></component-style-editor>
+        </div>
+        <div class="config-mobile-tab" v-show="activeCollapse === 'com'">
+          <div
+            :style="{ height: '198px', width: '198px' }"
+            class="mobile-wrapper-inner-adaptor"
+            v-for="item in componentDataNotInMobile"
+            :key="item.id"
+          >
+            <div class="component-outer">
+              <ComponentWrapper
+                v-show="item.isShow"
+                canvas-id="canvas-main"
+                :canvas-style-data="canvasStyleData"
+                :dv-info="dvInfo"
+                :canvas-view-info="canvasViewInfoMobile"
+                :view-info="canvasViewInfoMobile[item.id]"
+                :config="item"
+                :style="getComponentStyleDefault()"
+                show-position="preview"
+                :search-count="0"
+                :scale="80"
+              />
+            </div>
+            <div class="mobile-com-mask" @click="addToMobile(item)">
+              <span v-show="item.component === 'DeStreamMedia'" style="color: #909399"
+                >IOS可能无法显示</span
+              >
+            </div>
+            <div class="pc-select-to-mobile" @click="addToMobile(item)" v-if="!mobileLoading"></div>
+          </div>
+        </div>
+      </template>
     </div>
   </div>
 </template>

From 5390a80d7f3d6867a24047215355086a1b2ff9f9 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 30 Oct 2024 16:40:36 +0800
Subject: [PATCH 2/2] =?UTF-8?q?fix(=E4=BB=AA=E8=A1=A8=E6=9D=BF=E3=80=81?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=E7=BB=84=E4=BB=B6=E5=AD=97=E4=BD=93=E6=A8=A1?=
 =?UTF-8?q?=E7=B3=8A=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/custom-component/v-query/Component.vue         | 10 +---------
 .../components/views/components/ChartComponentS2.vue   |  7 +------
 2 files changed, 2 insertions(+), 15 deletions(-)

diff --git a/core/core-frontend/src/custom-component/v-query/Component.vue b/core/core-frontend/src/custom-component/v-query/Component.vue
index 1c4c893f33..c762516597 100644
--- a/core/core-frontend/src/custom-component/v-query/Component.vue
+++ b/core/core-frontend/src/custom-component/v-query/Component.vue
@@ -620,15 +620,7 @@ const marginRight = computed<CSSProperties>(() => {
 })
 
 const autoStyle = computed(() => {
-  return {
-    position: 'absolute',
-    height: 100 / scale.value + '%!important',
-    width: 100 / scale.value + '%!important',
-    left: 50 * (1 - 1 / scale.value) + '%', // 放大余量 除以 2
-    top: 50 * (1 - 1 / scale.value) + '%', // 放大余量 除以 2
-    transform: 'scale(' + scale.value + ') translateZ(0)',
-    opacity: element.value?.style?.opacity || 1
-  } as CSSProperties
+  return { zoom: scale.value }
 })
 </script>
 
diff --git a/core/core-frontend/src/views/chart/components/views/components/ChartComponentS2.vue b/core/core-frontend/src/views/chart/components/views/components/ChartComponentS2.vue
index b2a5f6a58d..bc01240514 100644
--- a/core/core-frontend/src/views/chart/components/views/components/ChartComponentS2.vue
+++ b/core/core-frontend/src/views/chart/components/views/components/ChartComponentS2.vue
@@ -604,12 +604,7 @@ onBeforeUnmount(() => {
 })
 
 const autoStyle = computed(() => {
-  return {
-    height: 20 * scale.value + 8 + 'px',
-    width: 100 / scale.value + '%!important',
-    left: 50 * (1 - 1 / scale.value) + '%', // 放大余量 除以 2
-    transform: 'scale(' + scale.value + ') translateZ(0)'
-  }
+  return { zoom: scale.value }
 })
 
 const autoHeightStyle = computed(() => {