From 3dd16de66a17a18f10f4beb3b1438cddac6f77ec Mon Sep 17 00:00:00 2001
From: Zhilin Liu <zhilin7@qq.com>
Date: Sat, 13 Jan 2024 21:12:23 +0800
Subject: [PATCH] feat: insert slide from ToolBar (#58)

---
 src/Kernel/SlideManager.ts                            |  1 +
 src/UserInterface/ToolBar/components/Home/Slides.vue  |  9 +++++----
 .../ToolBar/components/Insert/Slides.vue              | 11 ++++-------
 3 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/Kernel/SlideManager.ts b/src/Kernel/SlideManager.ts
index 5613de4..966e055 100644
--- a/src/Kernel/SlideManager.ts
+++ b/src/Kernel/SlideManager.ts
@@ -27,6 +27,7 @@ export class SlideManager {
 
   insertSlide(index: number = this._currentIndex + 1) {
     this._slides.splice(index, 0, new Slide())
+    this.changeSlide(index)
     this.events.update.emit()
   }
 
diff --git a/src/UserInterface/ToolBar/components/Home/Slides.vue b/src/UserInterface/ToolBar/components/Home/Slides.vue
index 435a401..2c6c1da 100644
--- a/src/UserInterface/ToolBar/components/Home/Slides.vue
+++ b/src/UserInterface/ToolBar/components/Home/Slides.vue
@@ -1,19 +1,20 @@
 <script setup lang="ts">
 import { Slide, Copy } from '@icon-park/vue-next'
 import MenuWrapper from '../MenuWrapper.vue'
+import { slideManager } from '@Kernel/index'
 </script>
 
 <template>
   <MenuWrapper :name="$t('ToolBar.home.slides.title')">
     <div class="flex items-start">
-      <button class="menu-btn flex flex-col items-center">
-        <slide theme="multi-color" size="32" :fill="['#333', '#FFF', '#379E4E', '#379E4E']" :strokeWidth="2" />
+      <button class="menu-btn flex flex-col items-center" @click="slideManager.insertSlide()">
+        <Slide theme="multi-color" size="32" :fill="['#333', '#FFF', '#379E4E', '#379E4E']" :strokeWidth="2" />
         <span class="text-xs mt-1">{{ $t('ToolBar.home.slides.add') }}</span>
       </button>
-      <button class="menu-btn py-1">
+      <!-- <button class="menu-btn py-1">
         <copy theme="two-tone" size="18" :fill="['#333', '#DE6C00']" :strokeWidth="2" />
         <span class="text-xs ml-1">{{ $t('ToolBar.home.slides.duplicate') }}</span>
-      </button>
+      </button> -->
     </div>
   </MenuWrapper>
 </template>
diff --git a/src/UserInterface/ToolBar/components/Insert/Slides.vue b/src/UserInterface/ToolBar/components/Insert/Slides.vue
index 20ebd7e..c97ef18 100644
--- a/src/UserInterface/ToolBar/components/Insert/Slides.vue
+++ b/src/UserInterface/ToolBar/components/Insert/Slides.vue
@@ -1,17 +1,14 @@
 <script setup lang="ts">
-import { FileAdditionOne, Down } from '@icon-park/vue-next'
+import { Slide } from '@icon-park/vue-next'
 import { slideManager } from '@Kernel/index'
 import MenuWrapper from '../MenuWrapper.vue'
 </script>
 
 <template>
   <MenuWrapper :name="$t('ToolBar.insert.slides.title')">
-    <button class="flex flex-col items-center py-0 menu-btn">
-      <span class="text-xs">{{ $t('ToolBar.insert.slides.add') }}</span>
-      <Down class="-mt-1" theme="outline" size="17" fill="#333" :strokeWidth="2" />
-    </button>
-    <button class="flex flex-col items-center px-4 menu-btn" @click="slideManager.insertSlide()">
-      <FileAdditionOne theme="outline" size="32" fill="#333" :strokeWidth="2" />
+    <button class="menu-btn flex flex-col items-center" @click="slideManager.insertSlide()">
+      <Slide theme="multi-color" size="32" :fill="['#333', '#FFF', '#379E4E', '#379E4E']" :strokeWidth="2" />
+      <span class="text-xs mt-1">{{ $t('ToolBar.home.slides.add') }}</span>
     </button>
   </MenuWrapper>
 </template>