fix search panel issues

Author: ctf0

src/resources/assets/js/components/globalSearch/panel.vue

@@ -107,26 +107,32 @@
 <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',
         'browserSupport',
         '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
             }
 

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)) {