From 2470c22d873764009aba474a5bbadbae783c9991 Mon Sep 17 00:00:00 2001
From: YangQi <yangfong2022@qq.com>
Date: Mon, 8 Aug 2022 19:08:42 +0800
Subject: [PATCH] chore: rename component (#176)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 命名风格统一大驼峰
- 统一组件风格，打开闭合标签
---
 src/App.vue                                   |  2 +-
 .../{aboutDialog.vue => AboutDialog.vue}      |  0
 .../{header.vue => EditorHeader.vue}          |  9 +++--
 .../{insertForm.vue => InsertFormDialog.vue}  |  0
 .../{resetDialog.vue => ResetDialog.vue}      |  0
 ...{rightClickMenu.vue => RightClickMenu.vue} |  0
 ...ploadImgDialog.vue => UploadImgDialog.vue} |  6 +--
 .../{Loading.vue => RunLoading.vue}           |  2 +-
 src/views/CodemirrorEditor.vue                | 38 ++++++++++---------
 9 files changed, 30 insertions(+), 27 deletions(-)
 rename src/components/CodemirrorEditor/{aboutDialog.vue => AboutDialog.vue} (100%)
 rename src/components/CodemirrorEditor/{header.vue => EditorHeader.vue} (99%)
 rename src/components/CodemirrorEditor/{insertForm.vue => InsertFormDialog.vue} (100%)
 rename src/components/CodemirrorEditor/{resetDialog.vue => ResetDialog.vue} (100%)
 rename src/components/CodemirrorEditor/{rightClickMenu.vue => RightClickMenu.vue} (100%)
 rename src/components/CodemirrorEditor/{uploadImgDialog.vue => UploadImgDialog.vue} (99%)
 rename src/components/{Loading.vue => RunLoading.vue} (98%)

diff --git a/src/App.vue b/src/App.vue
index eb28b05..0789046 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,6 @@
 <template>
   <div id="app">
-    <router-view />
+    <router-view></router-view>
   </div>
 </template>
 
diff --git a/src/components/CodemirrorEditor/aboutDialog.vue b/src/components/CodemirrorEditor/AboutDialog.vue
similarity index 100%
rename from src/components/CodemirrorEditor/aboutDialog.vue
rename to src/components/CodemirrorEditor/AboutDialog.vue
diff --git a/src/components/CodemirrorEditor/header.vue b/src/components/CodemirrorEditor/EditorHeader.vue
similarity index 99%
rename from src/components/CodemirrorEditor/header.vue
rename to src/components/CodemirrorEditor/EditorHeader.vue
index a3dd62e..4854abd 100644
--- a/src/components/CodemirrorEditor/header.vue
+++ b/src/components/CodemirrorEditor/EditorHeader.vue
@@ -290,11 +290,12 @@
         >发布
       </el-button>
     </div>
-    <resetDialog
+
+    <reset-dialog
       :showResetConfirm="showResetConfirm"
       @confirm="confirmReset"
       @close="cancelReset"
-    />
+    ></reset-dialog>
   </el-container>
 </template>
 
@@ -303,7 +304,7 @@ import { setFontSize, setColorWithCustomTemplate } from '@/assets/scripts/util'
 import { solveWeChatImage, solveHtml } from '@/assets/scripts/converter'
 import DEFAULT_CSS_CONTENT from '@/assets/example/theme-css.txt'
 import config from '@/assets/scripts/config'
-import resetDialog from './resetDialog'
+import ResetDialog from './ResetDialog'
 import { mapState, mapMutations } from 'vuex'
 
 export default {
@@ -327,7 +328,7 @@ export default {
     }
   },
   components: {
-    resetDialog,
+    ResetDialog,
   },
   computed: {
     effect() {
diff --git a/src/components/CodemirrorEditor/insertForm.vue b/src/components/CodemirrorEditor/InsertFormDialog.vue
similarity index 100%
rename from src/components/CodemirrorEditor/insertForm.vue
rename to src/components/CodemirrorEditor/InsertFormDialog.vue
diff --git a/src/components/CodemirrorEditor/resetDialog.vue b/src/components/CodemirrorEditor/ResetDialog.vue
similarity index 100%
rename from src/components/CodemirrorEditor/resetDialog.vue
rename to src/components/CodemirrorEditor/ResetDialog.vue
diff --git a/src/components/CodemirrorEditor/rightClickMenu.vue b/src/components/CodemirrorEditor/RightClickMenu.vue
similarity index 100%
rename from src/components/CodemirrorEditor/rightClickMenu.vue
rename to src/components/CodemirrorEditor/RightClickMenu.vue
diff --git a/src/components/CodemirrorEditor/uploadImgDialog.vue b/src/components/CodemirrorEditor/UploadImgDialog.vue
similarity index 99%
rename from src/components/CodemirrorEditor/uploadImgDialog.vue
rename to src/components/CodemirrorEditor/UploadImgDialog.vue
index 5044939..5b5b040 100644
--- a/src/components/CodemirrorEditor/uploadImgDialog.vue
+++ b/src/components/CodemirrorEditor/UploadImgDialog.vue
@@ -375,8 +375,8 @@
             </el-link>
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" @click="formCustomSave"
-              >保存配置
+            <el-button type="primary" @click="formCustomSave">
+              保存配置
             </el-button>
           </el-form-item>
         </el-form>
@@ -386,7 +386,7 @@
 </template>
 
 <script>
-import { checkImage, removeLeft } from '../../assets/scripts/util'
+import { checkImage, removeLeft } from '@/assets/scripts/util'
 import CodeMirror from 'codemirror/lib/codemirror'
 
 export default {
diff --git a/src/components/Loading.vue b/src/components/RunLoading.vue
similarity index 98%
rename from src/components/Loading.vue
rename to src/components/RunLoading.vue
index e806ca8..2399cc4 100644
--- a/src/components/Loading.vue
+++ b/src/components/RunLoading.vue
@@ -11,7 +11,7 @@
 
 <script>
 export default {
-  name: `Loading`,
+  name: `RunLoading`,
   data() {
     return {
       loading: true,
diff --git a/src/views/CodemirrorEditor.vue b/src/views/CodemirrorEditor.vue
index 75f3bc0..e53385e 100644
--- a/src/views/CodemirrorEditor.vue
+++ b/src/views/CodemirrorEditor.vue
@@ -23,7 +23,7 @@
           @show-dialog-upload-img="dialogUploadImgVisible = true"
           @startCopy=";(isCoping = true), (backLight = true)"
           @endCopy="endCopy"
-        />
+        ></editor-header>
       </el-header>
       <el-main class="main-body">
         <el-row class="main-section">
@@ -84,32 +84,34 @@
         </el-row>
       </el-main>
     </el-container>
+
     <upload-img-dialog
       v-model="dialogUploadImgVisible"
       @close="dialogUploadImgVisible = false"
       @beforeUpload="beforeUpload"
       @uploadImage="uploadImage"
       @uploaded="uploaded"
-    />
-    <about-dialog v-model="aboutDialogVisible" />
-    <insert-form-dialog v-model="dialogFormVisible" />
+    ></upload-img-dialog>
+    <about-dialog v-model="aboutDialogVisible"></about-dialog>
+    <insert-form-dialog v-model="dialogFormVisible"></insert-form-dialog>
+
     <right-click-menu
       v-model="rightClickMenuVisible"
       :left="mouseLeft"
       :top="mouseTop"
       @menuTick="onMenuEvent"
       @closeMenu="closeRightClickMenu"
-    />
-    <loading></loading>
+    ></right-click-menu>
+    <run-loading></run-loading>
   </div>
 </template>
 <script>
-import editorHeader from '@/components/CodemirrorEditor/header'
-import aboutDialog from '@/components/CodemirrorEditor/aboutDialog'
-import insertFormDialog from '@/components/CodemirrorEditor/insertForm'
-import rightClickMenu from '@/components/CodemirrorEditor/rightClickMenu'
-import uploadImgDialog from '@/components/CodemirrorEditor/uploadImgDialog'
-import Loading from '@/components/Loading'
+import EditorHeader from '@/components/CodemirrorEditor/EditorHeader'
+import AboutDialog from '@/components/CodemirrorEditor/AboutDialog'
+import InsertFormDialog from '@/components/CodemirrorEditor/InsertFormDialog'
+import RightClickMenu from '@/components/CodemirrorEditor/RightClickMenu'
+import UploadImgDialog from '@/components/CodemirrorEditor/UploadImgDialog'
+import RunLoading from '@/components/RunLoading'
 
 import {
   css2json,
@@ -145,12 +147,12 @@ export default {
     }
   },
   components: {
-    Loading,
-    editorHeader,
-    aboutDialog,
-    insertFormDialog,
-    rightClickMenu,
-    uploadImgDialog,
+    RunLoading,
+    EditorHeader,
+    AboutDialog,
+    InsertFormDialog,
+    RightClickMenu,
+    UploadImgDialog,
   },
   computed: {
     ...mapState({