From bc4a629222bbc0f76f12965070e3a40182e0b8db Mon Sep 17 00:00:00 2001
From: Yang Libin <szuyanglb@outlook.com>
Date: Tue, 30 Nov 2021 00:13:27 +0800
Subject: [PATCH] feat: reset style only (#108)

* reset style only
* close #107
---
 src/components/CodemirrorEditor/header.vue         | 10 ++++------
 src/components/CodemirrorEditor/resetDialog.vue    |  2 +-
 src/components/CodemirrorEditor/rightClickMenu.vue |  4 ++--
 src/pages/index/view/CodemirrorEditor.vue          |  2 +-
 src/store/index.js                                 |  6 ------
 5 files changed, 8 insertions(+), 16 deletions(-)

diff --git a/src/components/CodemirrorEditor/header.vue b/src/components/CodemirrorEditor/header.vue
index b026919..05a682d 100644
--- a/src/components/CodemirrorEditor/header.vue
+++ b/src/components/CodemirrorEditor/header.vue
@@ -31,11 +31,11 @@
       >
         <i class="el-icon-document" size="medium" @click="$emit('export')"></i>
       </el-tooltip>
-      <!-- 页面重置 -->
+      <!-- 样式重置 -->
       <el-tooltip
         class="header__item"
         :effect="effect"
-        content="重置页面"
+        content="重置样式"
         placement="bottom-start"
       >
         <i
@@ -316,11 +316,10 @@ export default {
         this.setCssEditorValue(DEFAULT_CSS_CONTENT);
       }
     },
-    // 重置页面
+    // 重置样式
     confirmReset() {
       localStorage.clear();
-      this.clearEditorToDefault();
-      this.editor.focus();
+      this.cssEditor.setValue(DEFAULT_CSS_CONTENT);
       this.citeStatus = false;
       this.statusChanged(false);
       this.fontChanged(this.config.builtinFonts[0].value);
@@ -337,7 +336,6 @@ export default {
       this.editor.focus();
     },
     ...mapMutations([
-      "clearEditorToDefault",
       "setCurrentColor",
       "setCiteStatus",
       "themeChanged",
diff --git a/src/components/CodemirrorEditor/resetDialog.vue b/src/components/CodemirrorEditor/resetDialog.vue
index 5622baa..e108fa5 100644
--- a/src/components/CodemirrorEditor/resetDialog.vue
+++ b/src/components/CodemirrorEditor/resetDialog.vue
@@ -5,7 +5,7 @@
     :visible="showResetConfirm"
     @close="$emit('close')"
   >
-    <div class="text">此操作将丢失本地缓存的文本和自定义样式，是否继续?</div>
+    <div class="text">此操作将丢失本地自定义样式，是否继续?</div>
     <div slot="footer" class="dialog-footer">
       <el-button :type="btnType" plain @click="$emit('close')">取 消</el-button>
       <el-button :type="btnType" @click="$emit('confirm')" plain
diff --git a/src/components/CodemirrorEditor/rightClickMenu.vue b/src/components/CodemirrorEditor/rightClickMenu.vue
index 52940a7..d859dc8 100644
--- a/src/components/CodemirrorEditor/rightClickMenu.vue
+++ b/src/components/CodemirrorEditor/rightClickMenu.vue
@@ -47,8 +47,8 @@ export default {
             key: "insertTable",
           },
           {
-            text: "页面重置",
-            key: "pageReset",
+            text: "恢复默认样式",
+            key: "resetStyle",
           },
         ],
         [
diff --git a/src/pages/index/view/CodemirrorEditor.vue b/src/pages/index/view/CodemirrorEditor.vue
index f39be1f..98f0ae6 100644
--- a/src/pages/index/view/CodemirrorEditor.vue
+++ b/src/pages/index/view/CodemirrorEditor.vue
@@ -392,7 +392,7 @@ export default {
     },
     onMenuEvent(type, info = {}) {
       switch (type) {
-        case "pageReset":
+        case "resetStyle":
           this.$refs.header.showResetConfirm = true;
           break;
         case "insertPic":
diff --git a/src/store/index.js b/src/store/index.js
index 4c79991..cdd1a62 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -154,12 +154,6 @@ const mutations = {
     }
     state.output = output;
   },
-  clearEditorToDefault(state) {
-    const doc = formatDoc(DEFAULT_CONTENT);
-
-    state.editor.setValue(doc);
-    state.cssEditor.setValue(DEFAULT_CSS_CONTENT);
-  },
 };
 
 export default new Vuex.Store({