feat: 优化代码风格

Author: vanoneang

src/component/layout/reuse-tab.vue

@@ -6,7 +6,7 @@
           class="reuse-tab-item"
           :class="item.path === $route.path ? 'active' : ''"
           :to="item.path"
-          @contextmenu.prevent.native="onTags(index, $event)"
+          @contextmenu.prevent="onTags(index, $event)"
         >
           <i v-if="!filterIcon(stageList[item.stageId].icon)" :class="stageList[item.stageId].icon"></i>
           <img v-else :src="stageList[item.stageId].icon" style="width:16px;" />
@@ -69,7 +69,7 @@ export default {
       ele.routePath = to.matched[to.matched.length - 1].path
       this.histories = [ele, ...histories]
     },
-    logined(val) {
+    loggedIn(val) {
       if (val) {
         return
       }
@@ -103,8 +103,8 @@ export default {
     }
   },
   computed: {
-    logined() {
-      return this.$store.state.logined
+    loggedIn() {
+      return this.$store.state.loggedIn
     },
     defaultRoute() {
       return this.$store.state.defaultRoute

src/lin/util/storage.js

@@ -2,15 +2,15 @@ import storage from 'good-storage'
 
 const LOGIN_KEY = '__login__'
 
-export function setLogined(flag) {
+export function setLoggedIn(flag) {
   storage.session.set(LOGIN_KEY, flag)
   return flag
 }
 
-export function loadLogined() {
+export function loadLoggedIn() {
   return storage.session.get(LOGIN_KEY, '')
 }
 
-export function cleanLogined() {
+export function cleanLoggedIn() {
   storage.session.remove(LOGIN_KEY)
 }

src/main.js

@@ -26,8 +26,8 @@ app.component('l-icon', LIcon)
 app.component('sticky-top', StickyTop)
 app.component('source-code', SourceCode)
 
-app.use(router)
 app.use(store)
+app.use(router)
 
 app.directive('permission', permissionDirective)
 

src/model/.gitkeep

@@ -45,7 +45,7 @@ const router = createRouter({
 
 router.beforeEach((to, from, next) => {
   // 登录验证
-  if (isLoginRequired(to.name) && !store.state.logined) {
+  if (isLoginRequired(to.name) && !store.state.loggedIn) {
     next({ path: '/login' })
     return
   }

src/router/index.js

@@ -3,15 +3,13 @@ import { removeToken } from '@/lin/util/token'
 
 export default {
   setUserAndState({ commit }, user) {
-    // 如果登陆成功，设置logined标志位
-    commit(types.SET_LOGINED, true)
-    // 设置全局用户状态
     commit(types.SET_USER, user)
+    commit(types.SET_LOGGED_IN, true)
   },
 
   loginOut({ commit }) {
     removeToken()
-    commit(types.REMOVE_LOGINED, false)
+    commit(types.REMOVE_LOGGED_IN, false)
   },
 
   readMessage({ commit }, message) {

src/store/action.js

@@ -19,11 +19,11 @@ const deepTravel = (obj, fuc) => {
   }
 }
 
-export const logined = state => state.logined
+export const loggedIn = state => state.loggedIn
 
 export const user = state => state.user
 
-export const readedMessages = state => state.readedMessages
+export const alreadyReadMessages = state => state.alreadyReadMessages
 
 export const unreadMessages = state => state.unreadMessages
 
@@ -80,8 +80,8 @@ export const permissionStageConfig = state => {
 
 // 获取侧边栏配置
 export const sideBarList = (state, getter) => {
-  const { sideBarLevel } = state // eslint-disable-line
-  const { permissionStageConfig } = getter // eslint-disable-line
+  const { sideBarLevel } = state
+  const { permissionStageConfig } = getter
 
   function deepGetSideBar(target, level = 3) {
     // 集合节点处理
@@ -132,6 +132,7 @@ export const sideBarList = (state, getter) => {
       }
       return sideConfig
     }
+
     // 最后一层, 都当做子节点处理
     if (level <= 0) {
       const sideConfig = {}
@@ -151,19 +152,17 @@ export const sideBarList = (state, getter) => {
   return sideBar
 }
 
-// 获取有权限的所有节点配置对象
-// eslint-disable-next-line
-export const getStageByName = () => {
-  return name => stageMap[name]
-}
+/**
+ * 获取有权限的所有节点配置对象
+ */
+export const getStageByName = () => name => stageMap[name]
 
-// 获取有权限的所有节点配置对象
-// eslint-disable-next-line
-export const getStageByRoute = () => {
-  return path => {
-    const result = Object.getOwnPropertySymbols(stageMap).find(key => stageMap[key].route === path)
-    return stageMap[result]
-  }
+/**
+ * 获取有权限的所有节点配置对象
+ */
+export const getStageByRoute = () => path => {
+  const result = Object.getOwnPropertySymbols(stageMap).find(key => stageMap[key].route === path)
+  return stageMap[result]
 }
 
 export const stageList = () => stageMap

src/store/getter.js

@@ -1,4 +1,4 @@
-import Vuex from 'vuex'
+import { createStore } from 'vuex'
 import createLogger from 'vuex/dist/logger'
 import VuexPersistence from 'vuex-persist'
 import mutations from './mutation'
@@ -10,15 +10,15 @@ const vuexLocal = new VuexPersistence({
   storage: window.localStorage,
   reducer: stateData => ({
     // eslint-disable-line
-    logined: stateData.logined,
+    loggedIn: stateData.loggedIn,
     user: stateData.user,
     permissions: stateData.permissions,
   }),
 })
 
 const debug = process.env.NODE_ENV !== 'production'
 
-export default Vuex.createStore({
+export default createStore({
   state,
   getters,
   mutations,

src/store/index.js

@@ -1,6 +1,6 @@
-export const SET_LOGINED = 'SET_LOGINED'
+export const SET_LOGGED_IN = 'SET_LOGGED_IN'
 
-export const REMOVE_LOGINED = 'REMOVE_LOGINED'
+export const REMOVE_LOGGED_IN = 'REMOVE_LOGGED_IN'
 
 export const SET_USER = 'SET_USER'
 
@@ -12,4 +12,4 @@ export const ADD_UNREAD_MESSAGE = 'ADD_UNREAD_MESSAGE'
 
 export const SET_USER_PERMISSIONS = 'SET_USER_PERMISSIONS'
 
-export const SET_REFERSH_OPTION = 'SET_REFERSH_OPTION'
+export const SET_REFRESH_OPTION = 'SET_REFRESH_OPTION'

src/store/mutation-type.js

@@ -1,13 +1,13 @@
 import * as types from './mutation-type'
 
 export default {
-  [types.SET_LOGINED](state) {
+  [types.SET_LOGGED_IN](state) {
     /* eslint no-param-reassign: 0 */
-    state.logined = true
+    state.loggedIn = true
   },
 
-  [types.REMOVE_LOGINED](state) {
-    state.logined = false
+  [types.REMOVE_LOGGED_IN](state) {
+    state.loggedIn = false
     state.user = null
   },
 
@@ -16,7 +16,7 @@ export default {
   },
 
   [types.ADD_READED_MESSAGE](state, payload) {
-    state.readedMessages.push(payload)
+    state.alreadyReadMessages.push(payload)
   },
 
   [types.ADD_UNREAD_MESSAGE](state, payload) {
@@ -44,7 +44,7 @@ export default {
     state.permissions = _permissions
   },
 
-  [types.SET_REFERSH_OPTION](state, option) {
+  [types.SET_REFRESH_OPTION](state, option) {
     state.refreshOptions = option
   },
 }