From 831caac8e585b25fa127ac2093e8ff1d516916b7 Mon Sep 17 00:00:00 2001
From: ctf0 <muah003@gmail.com>
Date: Fri, 7 May 2021 00:04:13 +0200
Subject: [PATCH] fix search panel issues

---
 .../js/components/globalSearch/panel.vue      | 24 ++++++++++++++-----
 src/resources/assets/js/modules/filtration.js |  6 ++++-
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/resources/assets/js/components/globalSearch/panel.vue b/src/resources/assets/js/components/globalSearch/panel.vue
index af7e374..62b2b22 100644
--- a/src/resources/assets/js/components/globalSearch/panel.vue
+++ b/src/resources/assets/js/components/globalSearch/panel.vue
@@ -107,19 +107,16 @@
 <style scoped lang="scss" src="../../../sass/modules/global-search.scss"></style>
 
 <script>
+import Fuse              from 'fuse.js'
 import debounce          from 'lodash/debounce'
-import VueInputAutowidth from 'vue-input-autowidth'
 import panels            from '../../mixins/panels'
+import VueInputAutowidth from 'vue-input-autowidth'
 
 export default {
     components: {
         imageIntersect: require('./image.vue').default
     },
-    directives: {
-        VueInputAutowidth
-    },
-    mixins : [panels],
-    props  : [
+    props: [
         'trans',
         'fileTypeIs',
         'noScroll',
@@ -127,6 +124,15 @@ export default {
         'addToMovableList',
         'inMovableList'
     ],
+    directives: {
+        autowidth: {
+            beforeMount : VueInputAutowidth.bind,
+            mounted     : VueInputAutowidth.inserted,
+            updated     : VueInputAutowidth.componentUpdated,
+            unmounted   : VueInputAutowidth.unbind
+        }
+    },
+    mixins: [panels],
     data() {
         return {
             filesIndex       : [],
@@ -166,6 +172,8 @@ export default {
             EventHub.listen('global-search-deleted', (path) => {
                 let list = this.filterdFilesList
 
+                console.log(list)
+
                 return list.some((e, i) => {
                     if (e.path == path) {
                         list.splice(i, 1)
@@ -199,6 +207,10 @@ export default {
             if (search) {
                 this.filterdFilesList = this.fuseLib.search(search)
 
+                this.filterdFilesList = this.filterdFilesList.map((e) => {
+                    return e.item
+                })
+
                 return this.noData = this.listCount ? false : true
             }
 
diff --git a/src/resources/assets/js/modules/filtration.js b/src/resources/assets/js/modules/filtration.js
index 3f901b3..04ebbcf 100644
--- a/src/resources/assets/js/modules/filtration.js
+++ b/src/resources/assets/js/modules/filtration.js
@@ -66,7 +66,11 @@ export default {
         },
         fileTypeIs(item, val) {
             let mimes = this.config.mimeTypes
-            let type = item.type || item
+            let type  = item.hasOwnProperty('type')
+                ? item.type
+                : item.hasOwnProperty('item')
+                    ? item.item.type
+                    : item
 
             if (type) {
                 if (val == 'image' && mimes.image.includes(type)) {