feat: update global filters (#411)

Author: vanoneang

src/lin/filter/index.js

@@ -6,7 +6,7 @@ export function checkAddZone(num) {
   return num < 10 ? `0${num.toString()}` : num
 }
 
-const globalFilter = {
+export const filters = {
   filterAddress(value) {
     // 过滤地址
     if (!value) return value
@@ -98,8 +98,3 @@ const globalFilter = {
     return Utils.cutString(value, len)
   },
 }
-
-export const filters = Object.keys(globalFilter).reduce((pre, cur) => {
-  pre[cur] = cur
-  return pre
-}, {})

src/main.js

@@ -2,7 +2,8 @@ import { createApp } from 'vue'
 import ElementPlus from 'element-plus'
 
 import '@/config/global'
-import '@/lin/plugin'
+import 'lin/plugin'
+import { filters } from 'lin/filter'
 import permissionDirective from '@/lin/directive/authorize'
 
 import App from '@/app.vue'
@@ -28,6 +29,8 @@ app.component('l-icon', LIcon)
 app.component('sticky-top', StickyTop)
 app.component('source-code', SourceCode)
 
+app.config.globalProperties.$filters = filters
+
 app.directive('permission', permissionDirective)
 
 app.mount('#app')

src/view/log/log.vue

@@ -51,7 +51,7 @@
           <aside>
             <p class="things" v-html="log.message"></p>
             <p class="brief">
-              <span class="text-yellow">{{ log.username }}</span> {{ filters.dateTimeFormatter(log.time) }}
+              <span class="text-yellow">{{ log.username }}</span> {{ $filters.dateTimeFormatter(log.time) }}
             </p>
           </aside>
         </section>
@@ -80,7 +80,6 @@ import { computed, ref, reactive, watch, onMounted, toRefs } from 'vue'
 
 import logModel from 'lin/model/log'
 import { searchLogKeyword } from 'lin/util/search'
-import { filters } from 'lin/filter'
 import LinSearch from '@/component/base/search/lin-search'
 import LinDatePicker from '@/component/base/date-picker/lin-date-picker'
 
@@ -297,7 +296,6 @@ export default {
       logs,
       more,
       loading,
-      filters,
       finished,
       backInit,
       nextPage,