From 79d8454389467e36588d4d095a579962958a3e6b Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <pipipi_pikachu@163.com>
Date: Sun, 4 Sep 2022 22:48:04 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E9=93=BE=E6=8E=A5=E8=AE=BE=E7=BD=AE?=
 =?UTF-8?q?=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          | 11 ++++++++---
 src/views/Editor/Canvas/Operate/LinkHandler.vue | 17 ++++++++++++++---
 2 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/views/Editor/Canvas/LinkDialog.vue b/src/views/Editor/Canvas/LinkDialog.vue
index 8c76f4a7..95241662 100644
--- a/src/views/Editor/Canvas/LinkDialog.vue
+++ b/src/views/Editor/Canvas/LinkDialog.vue
@@ -22,7 +22,12 @@
       v-if="type === 'slide'"
       v-model:value="slideId"
     >
-      <SelectOption v-for="(slide, index) in slides" :key="slide.id" :value="slide.id">幻灯片 {{index + 1}}</SelectOption>
+      <SelectOption 
+        v-for="(slide, index) in slides" 
+        :key="slide.id" 
+        :value="slide.id" 
+        :disabled="currentSlide.id === slide.id"
+      >幻灯片 {{index + 1}}</SelectOption>
     </Select>
 
     <div class="preview" v-if="type === 'slide' && selectedSlide">
@@ -57,13 +62,13 @@ const emit = defineEmits<{
 }>()
 
 const { handleElement } = storeToRefs(useMainStore())
-const { slides } = storeToRefs(useSlidesStore())
+const { slides, currentSlide } = storeToRefs(useSlidesStore())
 
 const type = ref<TypeKey>('web')
 const address = ref('')
 const slideId = ref('')
 
-slideId.value = slides.value[0].id
+slideId.value = slides.value.find(item => item.id !== currentSlide.value.id)?.id || ''
 
 const selectedSlide = computed(() => {
   if (!slideId.value) return null
diff --git a/src/views/Editor/Canvas/Operate/LinkHandler.vue b/src/views/Editor/Canvas/Operate/LinkHandler.vue
index 34c8505c..448d1d89 100644
--- a/src/views/Editor/Canvas/Operate/LinkHandler.vue
+++ b/src/views/Editor/Canvas/Operate/LinkHandler.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="link-handler" :style="{ top: height * canvasScale + 10 + 'px' }">
     <a class="link" v-if="link.type === 'web'" :href="link.target" target="_blank">{{link.target}}</a>
-    <a class="link" v-else>幻灯片页面 {{link.target}}</a>
+    <a class="link" v-else @click="turnTarget(link.target)">幻灯片页面 {{link.target}}</a>
     <div class="btns">
       <div class="btn" @click="openLinkDialog()">更换</div>
       <Divider type="vertical" />
@@ -13,7 +13,7 @@
 <script lang="ts" setup>
 import { computed, PropType } from 'vue'
 import { storeToRefs } from 'pinia'
-import { useMainStore } from '@/store'
+import { useMainStore, useSlidesStore } from '@/store'
 import { PPTElement, PPTElementLink } from '@/types/slides'
 import useLink from '@/hooks/useLink'
 
@@ -32,9 +32,20 @@ const props = defineProps({
   },
 })
 
-const { canvasScale } = storeToRefs(useMainStore())
+const mainStore = useMainStore()
+const slidesStore = useSlidesStore()
+const { canvasScale } = storeToRefs(mainStore)
+const { slides } = storeToRefs(slidesStore)
 const { removeLink } = useLink()
 const height = computed(() => props.elementInfo.type === 'line' ? 0 : props.elementInfo.height)
+
+const turnTarget = (slideId: string) => {
+  const targetIndex = slides.value.findIndex(item => item.id === slideId)
+  if (targetIndex !== -1) {
+    mainStore.setActiveElementIdList([])
+    slidesStore.updateSlideIndex(targetIndex)
+  }
+}
 </script>
 
 <style lang="scss" scoped>