From 9d63cb680cc5e6bb6d5c7c3bc514c7863a3e7500 Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <pipipi_pikachu@163.com>
Date: Sun, 25 Jul 2021 13:26:01 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/useCreateElement.ts                            | 2 ++
 src/hooks/useExport.ts                                   | 2 +-
 src/views/components/ThumbnailSlide/ThumbnailElement.vue | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/hooks/useCreateElement.ts b/src/hooks/useCreateElement.ts
index 5c4b3d91..3cc9e579 100644
--- a/src/hooks/useCreateElement.ts
+++ b/src/hooks/useCreateElement.ts
@@ -38,9 +38,11 @@ export default () => {
     store.commit(MutationTypes.SET_ACTIVE_ELEMENT_ID_LIST, [element.id])
 
     if (creatingElement.value) store.commit(MutationTypes.SET_CREATING_ELEMENT, null)
+
     setTimeout(() => {
       store.commit(MutationTypes.SET_EDITORAREA_FOCUS, true)
     }, 0)
+
     addHistorySnapshot()
   }
 
diff --git a/src/hooks/useExport.ts b/src/hooks/useExport.ts
index ccd771a5..c8b41634 100644
--- a/src/hooks/useExport.ts
+++ b/src/hooks/useExport.ts
@@ -247,7 +247,7 @@ export default () => {
         }
         else if (el.type === 'shape') {
           if (el.special) {
-            const svgRef = document.querySelector(`#base-element-${el.id} svg`) as HTMLElement
+            const svgRef = document.querySelector(`.thumbnail-list .base-element-${el.id} svg`) as HTMLElement
             const base64SVG = svg2Base64(svgRef)
 
             const options: pptxgen.ImageProps = {
diff --git a/src/views/components/ThumbnailSlide/ThumbnailElement.vue b/src/views/components/ThumbnailSlide/ThumbnailElement.vue
index 85ab2f6c..c37a5a02 100644
--- a/src/views/components/ThumbnailSlide/ThumbnailElement.vue
+++ b/src/views/components/ThumbnailSlide/ThumbnailElement.vue
@@ -1,7 +1,7 @@
 <template>
   <div 
     class="base-element"
-    :id="`base-element-${elementInfo.id}`"
+    :class="`base-element-${elementInfo.id}`"
     :style="{
       zIndex: elementIndex,
     }"