From 55a5c5fa16ff355b150343bbde71ee2a285a703a Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <1171051090@qq.com>
Date: Sun, 31 Jan 2021 16:24:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=B9=BB=E7=81=AF=E7=89=87?=
 =?UTF-8?q?=E9=87=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Editor/EditorHeader/index.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/views/Editor/EditorHeader/index.vue b/src/views/Editor/EditorHeader/index.vue
index 77b311b7..71280cca 100644
--- a/src/views/Editor/EditorHeader/index.vue
+++ b/src/views/Editor/EditorHeader/index.vue
@@ -10,7 +10,7 @@
             <MenuItem @click="createSlide()">添加页面</MenuItem>
             <MenuItem @click="deleteSlide()">删除页面</MenuItem>
             <MenuItem @click="toggleGridLines()">{{ showGridLines ? '关闭网格线' : '打开网格线' }}</MenuItem>
-            <MenuItem>重置幻灯片</MenuItem>
+            <MenuItem @click="resetSlides()">重置幻灯片</MenuItem>
           </Menu>
         </template>
       </Dropdown>
@@ -51,6 +51,7 @@
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
 import { MutationTypes, useStore } from '@/store'
+import { createRandomCode } from '@/utils/common'
 import useScreening from '@/hooks/useScreening'
 import useSlideHandler from '@/hooks/useSlideHandler'
 import useHistorySnapshot from '@/hooks/useHistorySnapshot'
@@ -69,6 +70,13 @@ export default defineComponent({
       store.commit(MutationTypes.SET_GRID_LINES_STATE, !showGridLines.value)
     }
 
+    const resetSlides = () => {
+      store.commit(MutationTypes.SET_SLIDES, [{
+        id: createRandomCode(),
+        elements: [],
+      }])
+    }
+
     return {
       enterScreening,
       enterScreeningFromStart,
@@ -78,6 +86,7 @@ export default defineComponent({
       undo,
       toggleGridLines,
       showGridLines,
+      resetSlides,
     }
   },
 })