refactor: 更改import项的命名方式符合webstorm自动生成的命名方式，以在将来做到统一

src/views/reader/components/components/DiscussButtonLarge.vue → src/deprecated/DiscussButtonLarge.vue

@@ -1,8 +1,6 @@
 <template>
   <div>
-    <button @click="handleClick" :class="isActive ? 'active' : ''">
-      &#xe610;
-    </button>
+    <button @click="handleClick" :class="isActive ? 'active' : ''">&#xe610;</button>
   </div>
 </template>
 

src/views/reader/components/components/ReadModeButtonGroup.vue → src/deprecated/ReadModeButtonGroup.vue

@@ -4,8 +4,7 @@
       v-for="button of buttons"
       :key="button.value"
       @click="changeMode(button.value)"
-    >
-      {{ button.name }}
+    >{{ button.name }}
     </button>
   </div>
 </template>

src/views/editor/EditorView.vue

@@ -1,18 +1,18 @@
 <template>
   <section>
-    <editor-vue></editor-vue>
+    <editor></editor>
     <button class="save-button" @click="save">save</button>
   </section>
 </template>
 
 <script>
-import EditorVue from './components/Editor.vue'
+import Editor from './components/Editor.vue'
 import { updateSlide, teacherGetSlideById } from '../../server/slide'
 import { DIFF, INIT_BY_STATE } from '../../store/types/editor-types'
 import { mapState } from 'vuex'
 
 export default {
-  components: { EditorVue },
+  components: { Editor },
   data () {
     return {
       slideId: this.$route.params.id

src/views/editor/components/EditingPage.vue

@@ -2,20 +2,20 @@
   <section class="page">
     <div>
       <template v-for="item in page.items">
-        <editable-item-vue :item="item" :key="item.frontendId"/>
+        <editable-item :item="item" :key="item.frontendId"/>
       </template>
     </div>
   </section>
 </template>
 
 <script>
-import EditableItemVue from './EditableItem.vue'
+import EditableItem from './EditableItem.vue'
 
 export default {
   name: 'editing-page',
   props: ['page'],
   components: {
-    EditableItemVue
+    EditableItem
   }
 }
 </script>

src/views/editor/components/Editor.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="slide show-mode">
     <template v-for="page in pages">
-      <editing-page-vue :key="page.id" :page="page"></editing-page-vue>
+      <editing-page :key="page.id" :page="page"></editing-page>
     </template>
     <div v-show="false">{{ focus }}</div>
   </div>
@@ -9,14 +9,14 @@
 
 <script>
 import { mapState } from 'vuex'
-import EditingPageVue from './EditingPage.vue'
+import EditingPage from './EditingPage.vue'
 import { USE_FOCUS, INIT_BY_DEFAULT } from '@/store/types/editor-types'
 import generatePages from '@/utils/generate-pages'
 
 export default {
   name: 'editor',
   components: {
-    EditingPageVue
+    EditingPage
   },
   computed: {
     ...mapState({

src/views/reader/ReaderView.vue

@@ -1,14 +1,14 @@
 <template>
-  <reader-vue></reader-vue>
+  <reader></reader>
 </template>
 
 <script>
-import ReaderVue from './components/Reader.vue'
+import Reader from './components/Reader.vue'
 import { teacherGetSlideById } from '@/server/slide'
 import { READER_INIT } from '@/store/types/reader-types'
 
 export default {
-  components: { ReaderVue },
+  components: { Reader },
   data () {
     return {
       slideId: this.$route.params.id,

src/views/reader/components/Reader.vue

@@ -2,46 +2,20 @@
   <div>
     <div class="slide show-mode">
       <template v-for="page in pages">
-        <reader-page-vue :key="page.id" :page="page"></reader-page-vue>
+        <reader-page :key="page.id" :page="page"></reader-page>
       </template>
     </div>
-    <div class="tools-top">
-      <read-mode-button-group-vue
-        defaultMode="show"
-        @change-mode="handleChangeMode"
-      ></read-mode-button-group-vue>
-    </div>
-    <div class="tools-bottom">
-      <marker-button-vue></marker-button-vue>
-      <div class="spacer"></div>
-      <scale-pad-vue></scale-pad-vue>
-      <div class="spacer"></div>
-      <discuss-button-small-vue></discuss-button-small-vue>
-    </div>
-    <discuss-button-large-vue
-      class="discuss-button-large"
-    ></discuss-button-large-vue>
   </div>
 </template>
 
 <script>
 import { mapState } from 'vuex'
 import generatePages from '@/utils/generate-pages'
-import ReaderPageVue from './ReaderPage.vue'
-import ReadModeButtonGroupVue from './components/ReadModeButtonGroup.vue'
-import ScalePadVue from './components/ScalePad.vue'
-import DiscussButtonLargeVue from './components/DiscussButtonLarge.vue'
-import DiscussButtonSmallVue from './components/DiscussButtonSmall.vue'
-import MarkerButtonVue from './components/MarkerButton.vue'
+import ReaderPage from './ReaderPage.vue'
 
 export default {
   components: {
-    ReaderPageVue,
-    ReadModeButtonGroupVue,
-    ScalePadVue,
-    DiscussButtonLargeVue,
-    MarkerButtonVue,
-    DiscussButtonSmallVue
+    ReaderPage
   },
   computed: {
     ...mapState({
@@ -51,11 +25,7 @@ export default {
       return generatePages(this.$store.state.reader.items)
     }
   },
-  methods: {
-    handleChangeMode (mode) {
-      // todo
-    }
-  }
+  methods: {}
 }
 </script>
 

src/views/reader/components/ReaderPage.vue

@@ -2,20 +2,20 @@
   <section class="page">
     <div>
       <template v-for="item in page.items">
-        <reader-item-vue :item="item" :key="item.frontendId"/>
+        <reader-item :item="item" :key="item.frontendId"/>
       </template>
     </div>
   </section>
 </template>
 
 <script>
-import ReaderItemVue from './ReaderItem.vue'
+import ReaderItem from './ReaderItem.vue'
 
 export default {
   name: 'editing-page',
   props: ['page'],
   components: {
-    ReaderItemVue
+    ReaderItem
   }
 }
 </script>

src/views/student/StudentHomeView.vue

@@ -1,20 +1,20 @@
 <template>
-  <role-home-vue>
+  <role-home>
     <template v-slot:tab>
       <template v-for="(tab, index) of tabs">
-        <icon-link-vue :tab="tab" :key="index"></icon-link-vue>
+        <icon-link :tab="tab" :key="index"></icon-link>
       </template>
     </template>
     <template v-slot:preview></template>
-  </role-home-vue>
+  </role-home>
 </template>
 
 <script>
-import RoleHomeVue from '@/layouts/RoleHome.vue'
-import IconLinkVue from '@/components/IconLink.vue'
+import RoleHome from '@/layouts/RoleHome.vue'
+import IconLink from '@/components/IconLink.vue'
 
 export default {
-  components: { RoleHomeVue, IconLinkVue },
+  components: { RoleHome, IconLink },
   data () {
     return {
       tabs: [

src/views/teacher/TeacherHomeView.vue

@@ -1,20 +1,20 @@
 <template>
-  <role-home-vue>
+  <role-home>
     <template v-slot:tab>
       <template v-for="(tab, index) of tabs">
-        <icon-link-vue :tab="tab" :key="index"></icon-link-vue>
+        <icon-link :tab="tab" :key="index"></icon-link>
       </template>
     </template>
     <template v-slot:preview></template>
-  </role-home-vue>
+  </role-home>
 </template>
 
 <script>
-import RoleHomeVue from '@/layouts/RoleHome.vue'
-import IconLinkVue from '@/components/IconLink.vue'
+import RoleHome from '@/layouts/RoleHome.vue'
+import IconLink from '@/components/IconLink.vue'
 
 export default {
-  components: { RoleHomeVue, IconLinkVue },
+  components: { RoleHome, IconLink },
   data () {
     return {
       tabs: [

src/views/teacher/tabs/HomeTab.vue

@@ -12,11 +12,11 @@
           </router-link>
         </div>
         <div v-else>
-          <slide-list-item-vue
+          <slide-list-item
             v-for="slide of recentSlides"
             :key="slide.id"
             :slide="slide"
-          ></slide-list-item-vue>
+          ></slide-list-item>
         </div>
       </section>
     </section>
@@ -24,7 +24,7 @@
 </template>
 
 <script>
-import SlideListItemVue from '@/components/SlideListItem.vue'
+import SlideListItem from '@/components/SlideListItem.vue'
 import { teacherGetRecentSlides } from '@/server/slide'
 
 export default {
@@ -38,7 +38,7 @@ export default {
       this.recentSlides = res
     })
   },
-  components: { SlideListItemVue }
+  components: { SlideListItem }
 }
 </script>
 <style lang="scss" scoped>

src/views/teacher/tabs/SearchTab.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="tab-wrapper">
     <div class="title">搜索</div>
-    <search-bar-vue v-model="searchKey"></search-bar-vue>
+    <search-bar v-model="searchKey"></search-bar>
     <div v-if="!searchKey" class="tip">
       请输入关键字查询
     </div>
@@ -10,7 +10,7 @@
 </template>
 
 <script>
-import SearchBarVue from '@/components/SearchBar'
+import SearchBar from '@/components/SearchBar'
 
 export default {
   data () {
@@ -18,7 +18,7 @@ export default {
       searchKey: ''
     }
   },
-  components: { SearchBarVue }
+  components: { SearchBar }
 }
 </script>
 <style lang="scss" scoped>