feat: fuse.js from 3.6.1 to 5.2.3 & 完善页面搜索相关代码

Author: FairyEver

dependencies-cdn.js

@@ -25,7 +25,7 @@
     "element-ui": "^2.13.1",
     "faker": "^4.1.0",
     "flex.css": "^1.1.7",
-    "fuse.js": "^3.4.6",
+    "fuse.js": "^5.2.3",
     "github-markdown-css": "^4.0.0",
     "highlight.js": "^10.0.2",
     "hotkeys-js": "^3.7.3",

package-lock.json

@@ -66,25 +66,10 @@ export default {
         value: e.fullTitle,
         ...e
       })) : this.results
-    }
-  },
-  methods: {
-    /**
-     * @description 过滤选项 这个方法在每次输入框的值发生变化时会触发
-     */
-    querySearch (queryString, callback) {
-      var pool = this.pool
-      const results = this.query(queryString ? pool : [], queryString)
-      this.results = results
-      callback(results)
     },
-    /**
-     * @description 指定的数据源中根据指定的查询字符串过滤数据
-     * @param {Object} pool 需要过滤的数据
-     * @param {String} queryString 查询字符串
-     */
-    query (pool, queryString) {
-      return new Fuse(pool, {
+    // 根据 pool 更新 fuse 实例
+    fuse () {
+      return new Fuse(this.pool, {
         shouldSort: true,
         tokenize: true,
         threshold: 0.6,
@@ -97,11 +82,16 @@ export default {
           'path'
         ]
       })
-        .search(queryString)
-        .map(e => ({
-          value: e.fullTitle,
-          ...e
-        }))
+    }
+  },
+  methods: {
+    /**
+     * @description 过滤选项 这个方法在每次输入框的值发生变化时会触发
+     */
+    querySearch (queryString, callback) {
+      const results = this.fuse.search(queryString).map(e => e.item)
+      this.results = results
+      callback(results)
     },
     /**
      * @description 聚焦输入框