From f6a8c921f14d73c707fdbf9b8ee493eecbbb6346 Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <pipipi_pikachu@163.com>
Date: Sun, 1 May 2022 15:25:53 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E5=9B=BE=E8=A1=A8=E7=BC=A9=E7=95=A5?=
 =?UTF-8?q?=E5=9B=BE=E7=BC=A9=E6=94=BE=E6=AF=94=E4=BE=8B=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Editor/Canvas/LinkDialog.vue          |  2 ++
 .../element/ChartElement/BaseChartElement.vue   | 17 ++++++-----------
 2 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/views/Editor/Canvas/LinkDialog.vue b/src/views/Editor/Canvas/LinkDialog.vue
index e150c9f4..3082ea4d 100644
--- a/src/views/Editor/Canvas/LinkDialog.vue
+++ b/src/views/Editor/Canvas/LinkDialog.vue
@@ -66,6 +66,8 @@ export default defineComponent({
     const address = ref('')
     const slideId = ref('')
 
+    slideId.value = slides.value[0].id
+
     const selectedSlide = computed(() => {
       if (!slideId.value) return null
 
diff --git a/src/views/components/element/ChartElement/BaseChartElement.vue b/src/views/components/element/ChartElement/BaseChartElement.vue
index cbd3219d..76bc9da2 100644
--- a/src/views/components/element/ChartElement/BaseChartElement.vue
+++ b/src/views/components/element/ChartElement/BaseChartElement.vue
@@ -23,9 +23,8 @@
           :outline="elementInfo.outline"
         />
         <Chart
-          :class="{ 'need-scale': needScaleSize }"
-          :width="chartWidth"
-          :height="chartHeight"
+          :width="elementInfo.width * zoom"
+          :height="elementInfo.height * zoom"
           :type="elementInfo.chartType"
           :data="elementInfo.data"
           :options="elementInfo.options"
@@ -33,6 +32,7 @@
           :gridColor="elementInfo.gridColor"
           :legends="elementInfo.data.legends"
           :legend="elementInfo.legend || ''"
+          :style="{ zoom: 1 / zoom }"
         />
       </div>
     </div>
@@ -59,17 +59,15 @@ export default defineComponent({
       required: true,
     },
   },
-  setup(props) {
+  setup() {
     const slideScale = inject(injectKeySlideScale) || ref(1)
 
     const needScaleSize = computed(() => slideScale.value < 1)
-    const chartWidth = computed(() => needScaleSize.value ? props.elementInfo.width * 10 : props.elementInfo.width)
-    const chartHeight = computed(() => needScaleSize.value ? props.elementInfo.height * 10 : props.elementInfo.height)
+    const zoom = computed(() => needScaleSize.value ? 1 / slideScale.value : 1)
 
     return {
       needScaleSize,
-      chartWidth,
-      chartHeight,
+      zoom,
     }
   },
 })
@@ -87,7 +85,4 @@ export default defineComponent({
   width: 100%;
   height: 100%;
 }
-.need-scale {
-  zoom: .1;
-}
 </style>
\ No newline at end of file