feat(*): 可选链 ?. 双问号??; 添加 babel plugins (#403)

Author: vanoneang

babel.config.js

@@ -9,5 +9,7 @@ module.exports = {
         styleLibraryName: 'theme-chalk',
       },
     ],
+    '@babel/plugin-proposal-optional-chaining',
+    '@babel/plugin-proposal-nullish-coalescing-operator',
   ],
 }

package-lock.json

@@ -39,6 +39,8 @@
   },
   "devDependencies": {
     "@babel/core": "^7.11.4",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.12.1",
+    "@babel/plugin-proposal-optional-chaining": "^7.12.7",
     "@vue/cli-plugin-babel": "~4.5.0",
     "@vue/cli-plugin-eslint": "~4.5.0",
     "@vue/cli-plugin-unit-jest": "~4.5.0",

package.json

@@ -220,7 +220,7 @@ export default {
         )
       }
       // 选中-单选
-      if (this.currentOldRow && this.currentOldRow.key === row.key) {
+      if (this.currentOldRow?.key === row.key) {
         // 取消单选选中
         this.$refs.linTable.setCurrentRow()
         this.currentOldRow = null
@@ -365,7 +365,7 @@ export default {
     tableData: {
       handler() {
         // 传了分页配置
-        if (this.pagination && this.pagination.pageSize) {
+        if (this.pagination?.pageSize) {
           this.currentData = this.tableData.filter((item, index) => index < this.pagination.pageSize)
         } else {
           this.currentData = this.tableData

src/component/base/table/lin-table.vue

@@ -86,7 +86,7 @@ export default {
           file,
         })
           .then(res => {
-            if (res[0] && res[0].url) {
+            if (res.length && res[0]?.url) {
               success(res[0].url)
             }
           })

src/component/base/tinymce/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-submenu v-if="item.children && item.children.length > 0" :index="item.path" popper-append-to-body>
+  <el-submenu v-if="item.children?.length > 0" :index="item.path" popper-append-to-body>
     <template #title>
       <i v-if="!filterIcon(item.icon)" :class="item.icon"></i>
       <img v-else :src="item.icon" class="img-icon" />

src/component/layout/sidebar/menu-tree.vue

@@ -333,9 +333,9 @@ export default {
     },
     init() {
       const { user } = this.$store.state
-      this.username = user ? user.username : '未登录'
-      this.groupName = user.groupName ? user.groupName : '超级管理员'
-      this.nickname = user && user.nickname ? user.nickname : '佚名'
+      this.username = user?.username ? user.username : '未登录'
+      this.groupName = user?.groupName ? user.groupName : '超级管理员'
+      this.nickname = user?.nickname ? user.nickname : '佚名'
     },
     goToCenter() {
       this.$router.push('/center')

src/component/layout/user.vue

@@ -17,7 +17,7 @@ class Emitter {
     const listeners = this.listeners.get(label)
     let index
 
-    if (listeners && listeners.length) {
+    if (listeners?.length) {
       index = listeners.reduce((i, listener, index) => {
         if (typeof listener.callback === 'function' && listener.callback === callback && listener.vm === vm) {
           i = index
@@ -37,7 +37,7 @@ class Emitter {
   emit(label, ...args) {
     const listeners = this.listeners.get(label)
 
-    if (listeners && listeners.length) {
+    if (listeners?.length) {
       listeners.forEach(listener => {
         listener.callback.call(listener.vm, ...args)
       })

src/component/notify/emitter.js

@@ -23,7 +23,7 @@ export default {
     }
 
     Vue.prototype.$disconnect = () => {
-      if (observer && observer.reconnection) {
+      if (observer?.reconnection) {
         observer.reconnection = false
       }
       if (Vue.prototype.$socket) {

src/component/notify/index.js

@@ -38,7 +38,6 @@ class Log {
     if (sCount) {
       this.sCount = sCount
     }
-    // lCount && this.lCount = lCount
   }
 
   async increaseUpage() {