From d9948164fc13c7bcb24611b81e85fbc33015cd06 Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <1171051090@qq.com>
Date: Sat, 30 Jan 2021 17:01:59 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BF=AB=E6=8D=B7=E9=94=AE=E8=A1=A5=E5=85=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Contextmenu/MenuContent.vue |  2 +-
 src/components/Contextmenu/index.vue       |  2 +-
 src/views/Editor/Thumbnails/index.vue      | 32 ++++++++++++++++++++--
 3 files changed, 31 insertions(+), 5 deletions(-)

diff --git a/src/components/Contextmenu/MenuContent.vue b/src/components/Contextmenu/MenuContent.vue
index edda174d..71a1f348 100644
--- a/src/components/Contextmenu/MenuContent.vue
+++ b/src/components/Contextmenu/MenuContent.vue
@@ -51,7 +51,7 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
-$menuWidth: 160px;
+$menuWidth: 165px;
 $menuHeight: 30px;
 $subMenuWidth: 120px;
 
diff --git a/src/components/Contextmenu/index.vue b/src/components/Contextmenu/index.vue
index 3a088fcc..8a6aaec1 100644
--- a/src/components/Contextmenu/index.vue
+++ b/src/components/Contextmenu/index.vue
@@ -27,7 +27,7 @@ import { ContextmenuItem, Axis } from './types'
 
 import MenuContent from './MenuContent.vue'
 
-const MENU_WIDTH = 160
+const MENU_WIDTH = 165
 const MENU_HEIGHT = 30
 const DIVIDER_HEIGHT = 11
 const SUB_MENU_WIDTH = 120
diff --git a/src/views/Editor/Thumbnails/index.vue b/src/views/Editor/Thumbnails/index.vue
index 7808e6b8..0d02e344 100644
--- a/src/views/Editor/Thumbnails/index.vue
+++ b/src/views/Editor/Thumbnails/index.vue
@@ -3,6 +3,7 @@
     class="thumbnails"
     @mousedown="() => setThumbnailsFocus(true)"
     v-click-outside="() => setThumbnailsFocus(false)"
+    v-contextmenu="contextmenusThumbnails"
   >
     <div class="add-slide" @click="createSlide()"><IconPlus /> 添加幻灯片</div>
     <Draggable 
@@ -19,7 +20,7 @@
           class="thumbnail-wrapper"
           :class="{ 'active': slideIndex === index }"
           @mousedown="changSlideIndex(index)"
-          v-contextmenu="contextmenus"
+          v-contextmenu="contextmenusThumbnailItem"
         >
           <div class="slide-index">{{ fillDigit(index + 1, 2) }}</div>
           <div class="thumbnail">
@@ -37,6 +38,7 @@ import { MutationTypes, useStore } from '@/store'
 import { fillDigit } from '@/utils/common'
 import { ContextmenuItem } from '@/components/Contextmenu/types'
 import useSlideHandler from '@/hooks/useSlideHandler'
+import useScreening from '@/hooks/useScreening'
 
 import Draggable from 'vuedraggable'
 import ThumbnailSlide from '@/views/components/ThumbnailSlide/index.vue'
@@ -87,7 +89,24 @@ export default defineComponent({
       store.commit(MutationTypes.UPDATE_SLIDE_INDEX, newIndex)
     }
 
-    const contextmenus = (): ContextmenuItem[] => {
+    const { enterScreening } = useScreening()
+
+    const contextmenusThumbnails = (): ContextmenuItem[] => {
+      return [
+        {
+          text: '粘贴',
+          subText: 'Ctrl + V',
+          handler: pasteSlide,
+        },
+        {
+          text: '新建页面',
+          subText: 'Enter',
+          handler: createSlide,
+        },
+      ]
+    }
+
+    const contextmenusThumbnailItem = (): ContextmenuItem[] => {
       return [
         {
           text: '剪切',
@@ -119,6 +138,12 @@ export default defineComponent({
           subText: 'Delete',
           handler: deleteSlide,
         },
+        { divider: true },
+        {
+          text: '从本页演示',
+          subText: 'Ctrl+F5',
+          handler: enterScreening,
+        },
       ]
     }
 
@@ -128,7 +153,8 @@ export default defineComponent({
       slideIndex,
       createSlide,
       changSlideIndex,
-      contextmenus,
+      contextmenusThumbnails,
+      contextmenusThumbnailItem,
       fillDigit,
       handleDragEnd,
     }