feat: reset style only (doocs#108)

* reset style only * close doocs#107
iNuoers · Nov 29, 2021 · bc4a629 · bc4a629
1 parent 449617f
commit bc4a629
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 16 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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({