From 68e68e02b1a4aee2b8a92cf6555b162f19f7a200 Mon Sep 17 00:00:00 2001
From: jmal <zhushilun084@gmail.com>
Date: Mon, 25 May 2020 22:54:41 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=96=87=E6=9C=AC=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/preview/SimTextPreview.vue | 24 +++++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/components/preview/SimTextPreview.vue b/src/components/preview/SimTextPreview.vue
index d7be126..19d843b 100644
--- a/src/components/preview/SimTextPreview.vue
+++ b/src/components/preview/SimTextPreview.vue
@@ -13,7 +13,7 @@
           <!-- <el-button @click="changePreviewMode">{{previewMode?'预览模式':'源码模式'}}</el-button> -->
         </div>
     </div>
-    <div class="content">
+    <div class="content" @keydown="onKeyDown">
       <MonacoEditor
         width="900"
         height="640"
@@ -23,6 +23,7 @@
         original="..."
         :value="content"
         :options="options"
+        @change="change"
       ></MonacoEditor>
     </div>
   </el-dialog>
@@ -135,9 +136,8 @@
         this.isShowUpdateBtn = true
         this.newContent = code
       },
-      save(code,q) {
+      save() {
         if(this.isShowUpdateBtn){
-          this.newContent = code
           this.update()
         }
       },
@@ -161,7 +161,23 @@
       },
       changePreviewMode() {
         this.previewMode = !this.previewMode
-      }
+      },
+      onKeyDown(event) {
+        const isMac = navigator.platform.startsWith('Mac');
+        const {key, code, keyCode, ctrlKey, metaKey} = event;
+        const isCmd = isMac && metaKey || !isMac && ctrlKey;
+        if (!isCmd) {
+          return;
+        }
+        const isS = key === 's' || code === 'KeyS' || keyCode === 83;
+        if (isS && this.textPreviewVisible) {
+          if(this.newContent !== ''){
+            this.save()
+          }
+          event.stopPropagation();
+          event.preventDefault();
+        }
+      },
     }
   }
 </script>