@tripup-company/element-ui-extended 0.0.8 → 0.0.12

package/dist/element-ui-extended.umd.js

@@ -5193,6 +5193,37 @@ module.exports =
 
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("c8ba")))
 
+/***/ }),
+
+/***/ "dbb4":
+/***/ (function(module, exports, __webpack_require__) {
+
+var $ = __webpack_require__("23e7");
+var DESCRIPTORS = __webpack_require__("83ab");
+var ownKeys = __webpack_require__("56ef");
+var toIndexedObject = __webpack_require__("fc6a");
+var getOwnPropertyDescriptorModule = __webpack_require__("06cf");
+var createProperty = __webpack_require__("8418");
+
+// `Object.getOwnPropertyDescriptors` method
+// https://tc39.es/ecma262/#sec-object.getownpropertydescriptors
+$({ target: 'Object', stat: true, sham: !DESCRIPTORS }, {
+  getOwnPropertyDescriptors: function getOwnPropertyDescriptors(object) {
+    var O = toIndexedObject(object);
+    var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
+    var keys = ownKeys(O);
+    var result = {};
+    var index = 0;
+    var key, descriptor;
+    while (keys.length > index) {
+      descriptor = getOwnPropertyDescriptor(O, key = keys[index++]);
+      if (descriptor !== undefined) createProperty(result, key, descriptor);
+    }
+    return result;
+  }
+});
+
+
 /***/ }),
 
 /***/ "dc4a":
@@ -5472,6 +5503,29 @@ module.exports = bind ? function (fn) {
 };
 
 
+/***/ }),
+
+/***/ "e439":
+/***/ (function(module, exports, __webpack_require__) {
+
+var $ = __webpack_require__("23e7");
+var fails = __webpack_require__("d039");
+var toIndexedObject = __webpack_require__("fc6a");
+var nativeGetOwnPropertyDescriptor = __webpack_require__("06cf").f;
+var DESCRIPTORS = __webpack_require__("83ab");
+
+var FAILS_ON_PRIMITIVES = fails(function () { nativeGetOwnPropertyDescriptor(1); });
+var FORCED = !DESCRIPTORS || FAILS_ON_PRIMITIVES;
+
+// `Object.getOwnPropertyDescriptor` method
+// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
+$({ target: 'Object', stat: true, forced: FORCED, sham: !DESCRIPTORS }, {
+  getOwnPropertyDescriptor: function getOwnPropertyDescriptor(it, key) {
+    return nativeGetOwnPropertyDescriptor(toIndexedObject(it), key);
+  }
+});
+
+
 /***/ }),
 
 /***/ "e538":
@@ -6124,7 +6178,7 @@ __webpack_require__.r(__webpack_exports__);
 // EXPORTS
 __webpack_require__.d(__webpack_exports__, "CompositeTable", function() { return /* reexport */ CompositeTable; });
 __webpack_require__.d(__webpack_exports__, "GenericFilters", function() { return /* reexport */ GenericFilters; });
-__webpack_require__.d(__webpack_exports__, "GenericFiltersTop", function() { return /* reexport */ GenericTopFilter; });
+__webpack_require__.d(__webpack_exports__, "QuickSearchFilter", function() { return /* reexport */ QuickSearchFilter; });
 __webpack_require__.d(__webpack_exports__, "GenericTable", function() { return /* reexport */ GenericTable; });
 __webpack_require__.d(__webpack_exports__, "GenericPaginator", function() { return /* reexport */ GenericPaginator; });
 __webpack_require__.d(__webpack_exports__, "CreateForm", function() { return /* reexport */ CreateForm; });
@@ -6158,12 +6212,12 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CompositeTable/index.vue?vue&type=template&id=0a363976&scoped=true&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"composite-table"},[_vm._t("default",function(){return [_vm._t("top-filter",function(){return [(_vm.filtersTop.length)?_c('generic-top-filter',{attrs:{"filters":_vm.filtersTop,"search":_vm.search},on:{"apply:filter":_vm.handleApplyFilter,"reset:filter":_vm.handleResetFilter}}):_vm._e()]},null,{ filtersTop: _vm.filtersTop, search: _vm.search }),_c('el-row',{attrs:{"gutter":20}},[_c('el-col',{attrs:{"span":18}},[_vm._t("table",function(){return [_c('generic-table',{attrs:{"fields":_vm.fields,"data":_vm.data},on:{"sort:change":_vm.handleChangeSort}})]},null,{ fields: _vm.fields, data: _vm.data }),_c('el-row',[_c('el-col',[_vm._t("paginator",function(){return [_c('generic-paginator',{attrs:{"total":_vm.total,"limit":_vm.limit,"current-page":_vm.currentPage},on:{"size:change":_vm.handleSizeChange,"page:change":_vm.handleCurrentChange}})]},null,{ total: _vm.total, limit: _vm.limit, currentPage: _vm.currentPage })],2)],1)],2),_c('el-col',{attrs:{"span":6}},[_vm._t("filter",function(){return [(_vm.filters.length)?_c('generic-filter',{attrs:{"filters":_vm.filters,"search":_vm.search},on:{"apply:filter":_vm.handleApplyFilter,"reset:filter":_vm.handleResetFilter}}):_vm._e()]},null,{ filters: _vm.filters, search: _vm.search })],2)],1)]})],2)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CompositeTable/index.vue?vue&type=template&id=69fb16da&scoped=true&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"loading",rawName:"v-loading",value:(_vm.loading),expression:"loading"}],staticClass:"composite-table"},[_vm._t("default",function(){return [_c('el-row',{attrs:{"gutter":20}},[_c('el-col',{attrs:{"span":18}},[_vm._t("quick-search-filter",function(){return [(_vm.topFilter)?_c('quick-search-filter',{attrs:{"filter":_vm.topFilter,"search":_vm.topSearch},on:{"apply:filter":_vm.handleApplyTopFilter,"reset:filter":_vm.handleResetTopFilter}}):_vm._e()]},null,{ topFilter: _vm.topFilter, search: _vm.search }),_vm._t("table",function(){return [_c('generic-table',{attrs:{"fields":_vm.fields,"data":_vm.data},on:{"sort:change":_vm.handleChangeSort}})]},null,{ fields: _vm.fields, data: _vm.data }),_c('el-row',[_c('el-col',[_vm._t("paginator",function(){return [_c('generic-paginator',{attrs:{"total":_vm.total,"limit":_vm.limit,"current-page":_vm.currentPage},on:{"size:change":_vm.handleSizeChange,"page:change":_vm.handleCurrentChange}})]},null,{ total: _vm.total, limit: _vm.limit, currentPage: _vm.currentPage })],2)],1)],2),_c('el-col',{attrs:{"span":6}},[_vm._t("filter",function(){return [(_vm.filters.length)?_c('generic-filter',{attrs:{"filters":_vm.filters,"search":_vm.search},on:{"apply:filter":_vm.handleApplyFilter,"reset:filter":_vm.handleResetFilter}}):_vm._e()]},null,{ filters: _vm.filters, search: _vm.search })],2)],1)]})],2)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/CompositeTable/index.vue?vue&type=template&id=0a363976&scoped=true&
+// CONCATENATED MODULE: ./src/components/CompositeTable/index.vue?vue&type=template&id=69fb16da&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.to-string.js
 var es_object_to_string = __webpack_require__("d3b7");
@@ -6210,9 +6264,86 @@ function _asyncToGenerator(fn) {
     });
   };
 }
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.keys.js
+var es_object_keys = __webpack_require__("b64b");
+
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.js
 var es_symbol = __webpack_require__("a4d3");
 
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.filter.js
+var es_array_filter = __webpack_require__("4de4");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-own-property-descriptor.js
+var es_object_get_own_property_descriptor = __webpack_require__("e439");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.for-each.js
+var web_dom_collections_for_each = __webpack_require__("159b");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-own-property-descriptors.js
+var es_object_get_own_property_descriptors = __webpack_require__("dbb4");
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectSpread2.js
+
+
+
+
+
+
+
+
+
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+
+    if (enumerableOnly) {
+      symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      });
+    }
+
+    keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {};
+
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+  }
+
+  return target;
+}
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.symbol.description.js
 var es_symbol_description = __webpack_require__("e01a");
 
@@ -6350,9 +6481,6 @@ var es_array_includes = __webpack_require__("caad");
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.includes.js
 var es_string_includes = __webpack_require__("2532");
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.filter.js
-var es_array_filter = __webpack_require__("4de4");
-
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
 var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_vue_commonjs2_vue_root_Vue_);
@@ -6364,16 +6492,64 @@ var GenericFiltersvue_type_template_id_577eb898_scoped_true_staticRenderFns = []
 
 // CONCATENATED MODULE: ./src/components/GenericFilters/index.vue?vue&type=template&id=577eb898&scoped=true&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericFilters/FilterRow.vue?vue&type=template&id=980096d6&scoped=true&
-var FilterRowvue_type_template_id_980096d6_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-row',{staticClass:"m-b-10"},[_c('el-row',[_c('el-col',{attrs:{"lg":4,"md":4,"sm":4,"xs":4}},[_c('el-checkbox',{model:{value:(_vm.showFilter),callback:function ($$v) {_vm.showFilter=$$v},expression:"showFilter"}},[_c('span',[_vm._v(_vm._s(_vm.column.label))])])],1)],1),(_vm.showFilter)?_c('el-row',{staticClass:"m-t-5"},[_c('el-col',{staticClass:"p-b-10",attrs:{"span":24}},[_c('el-select',{attrs:{"placeholder":"Select"},model:{value:(_vm.search.operator),callback:function ($$v) {_vm.$set(_vm.search, "operator", $$v)},expression:"search.operator"}},_vm._l((_vm.column.type==='string' ? _vm.stringOperators : _vm.enumOperators),function(operator){return _c('el-option',{key:operator.value,attrs:{"value":operator.value,"label":operator.label}})}),1)],1),_c('el-col',{attrs:{"span":24}},[(_vm.column.type==='string')?_c('el-input',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isDisableInput(_vm.search.operator)),expression:"!isDisableInput(search.operator)"}],model:{value:(_vm.search.value),callback:function ($$v) {_vm.$set(_vm.search, "value", $$v)},expression:"search.value"}}):_c('el-select',{attrs:{"placeholder":"Select","multiple":_vm.isMultiple},model:{value:(_vm.search.value),callback:function ($$v) {_vm.$set(_vm.search, "value", $$v)},expression:"search.value"}},_vm._l(((_vm.column.type==='enum' ? _vm.column.values : _vm.boolValues)),function(label,value){return _c('el-option',{key:value,attrs:{"value":value,"label":label}})}),1)],1)],1):_vm._e()],1)}
-var FilterRowvue_type_template_id_980096d6_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericFilters/FilterRow.vue?vue&type=template&id=71e0b52e&
+var FilterRowvue_type_template_id_71e0b52e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-row',{staticClass:"m-b-10"},[_c('el-row',[_c('el-col',{attrs:{"lg":4,"md":4,"sm":4,"xs":4}},[_c('el-checkbox',{model:{value:(_vm.showFilter),callback:function ($$v) {_vm.showFilter=$$v},expression:"showFilter"}},[_c('span',[_vm._v(_vm._s(_vm.column.label))])])],1)],1),(_vm.showFilter)?_c('el-row',{staticClass:"m-t-5"},[(_vm.operators.length !== 1)?_c('el-col',{staticClass:"p-b-10",attrs:{"span":24}},[_c('el-select',{attrs:{"placeholder":"Select"},model:{value:(_vm.search.operator),callback:function ($$v) {_vm.$set(_vm.search, "operator", $$v)},expression:"search.operator"}},_vm._l((_vm.operators),function(operator){return _c('el-option',{key:operator.value,attrs:{"label":operator.label,"value":operator.value}})}),1)],1):_vm._e(),_c('el-col',{attrs:{"span":24}},[(_vm.column.type === 'string')?_c('el-input',{directives:[{name:"show",rawName:"v-show",value:(!_vm.isDisableInput(_vm.search.operator)),expression:"!isDisableInput(search.operator)"}],model:{value:(_vm.search.value),callback:function ($$v) {_vm.$set(_vm.search, "value", $$v)},expression:"search.value"}}):(_vm.column.type === 'date')?_c('el-date-picker',{staticClass:"w-100",attrs:{"end-placeholder":"To","format":"dd.MM.yy","placeholder":"Pick a day","range-separator":"-","start-placeholder":"From","type":"daterange","value-format":"yyyy-MM-dd"},model:{value:(_vm.search.value),callback:function ($$v) {_vm.$set(_vm.search, "value", $$v)},expression:"search.value"}}):_c('el-select',{attrs:{"refs":"select","multiple":_vm.isMultiple,"placeholder":"Select","filterable":_vm.filterable,"remote":_vm.remote,"remote-method":_vm.remoteMethodHandler,"loading":_vm.loading,"clearable":""},on:{"change":_vm.updateSearch},model:{value:(_vm.search.value),callback:function ($$v) {_vm.$set(_vm.search, "value", $$v)},expression:"search.value"}},_vm._l((_vm.selectListLocal),function(item){return _c('el-option',{key:item[_vm.selectKey],attrs:{"label":item[_vm.selectLabel],"value":item[_vm.selectValue]}})}),1)],1)],1):_vm._e()],1)}
+var FilterRowvue_type_template_id_71e0b52e_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/GenericFilters/FilterRow.vue?vue&type=template&id=980096d6&scoped=true&
+// CONCATENATED MODULE: ./src/components/GenericFilters/FilterRow.vue?vue&type=template&id=71e0b52e&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericFilters/FilterRow.vue?vue&type=script&lang=js&
 
 
+
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -6398,7 +6574,6 @@ var FilterRowvue_type_template_id_980096d6_scoped_true_staticRenderFns = []
 //
 //
 /* harmony default export */ var FilterRowvue_type_script_lang_js_ = ({
-  name: "FilterRow",
   props: {
     column: {
       type: Object,
@@ -6413,79 +6588,183 @@ var FilterRowvue_type_template_id_980096d6_scoped_true_staticRenderFns = []
       }
     }
   },
-  computed: {
-    isMultiple: function isMultiple() {
-      return this.column.is_multiple ? this.column.is_multiple : false;
-    }
-  },
   data: function data() {
+    var _this$column$selectKe, _this$column$selectLa, _this$column$selectVa, _this$column$filterab, _this$column$remote, _this$column$remoteMe;
+
     return {
-      showFilter: this.search.operator !== '',
+      loading: false,
+      selectKey: (_this$column$selectKe = this.column.selectKey) !== null && _this$column$selectKe !== void 0 ? _this$column$selectKe : "key",
+      selectLabel: (_this$column$selectLa = this.column.selectLabel) !== null && _this$column$selectLa !== void 0 ? _this$column$selectLa : "label",
+      selectValue: (_this$column$selectVa = this.column.selectValue) !== null && _this$column$selectVa !== void 0 ? _this$column$selectVa : "key",
+      filterable: (_this$column$filterab = this.column.filterable) !== null && _this$column$filterab !== void 0 ? _this$column$filterab : false,
+      remote: (_this$column$remote = this.column.remote) !== null && _this$column$remote !== void 0 ? _this$column$remote : false,
+      remoteMethod: (_this$column$remoteMe = this.column.remoteMethod) !== null && _this$column$remoteMe !== void 0 ? _this$column$remoteMe : null,
+      selectListLocal: this.search.selectList ? this.search.selectList : this.column.type === "enum" ? this.column.values : this.boolValues,
+      showFilter: this.search.operator !== "",
       stringOperators: [{
-        'value': 'equal',
-        'label': 'is equal'
+        value: "equal",
+        label: "is equal"
       }, {
-        'value': 'not_equal',
-        'label': 'is not equal'
+        value: "not_equal",
+        label: "is not equal"
       }, {
-        'value': 'contains',
-        'label': 'contains'
+        value: "contains",
+        label: "contains"
       }, {
-        'value': 'not_contains',
-        'label': 'doesn’t contain'
+        value: "not_contains",
+        label: "doesn’t contain"
       }, {
-        'value': 'is_null',
-        'label': 'is empty'
+        value: "is_null",
+        label: "is empty"
       }, {
-        'value': 'is_not_null',
-        'label': 'is not empty'
+        value: "is_not_null",
+        label: "is not empty"
       }, {
-        'value': 'start_with',
-        'label': 'begins with'
+        value: "start_with",
+        label: "begins with"
       }, {
-        'value': 'end_with',
-        'label': 'ends with'
+        value: "end_with",
+        label: "ends with"
       }],
-      disabledInputOperations: ['is_null', 'is_not_null'],
+      disabledInputOperations: ["is_null", "is_not_null"],
       enumOperators: [{
-        'value': 'equal',
-        'label': 'is'
-      }, {
-        'value': 'in',
-        'label': 'in'
+        value: "equal",
+        label: "is"
+      }],
+      enumOperatorsMultiple: [{
+        value: "in",
+        label: "in"
+      }],
+      dateOperators: [{
+        value: "between",
+        label: "between"
       }],
       boolValues: {
-        null: 'empty',
-        true: 'true',
-        false: 'false'
+        null: "empty",
+        true: "true",
+        false: "false"
       }
     };
   },
+  computed: {
+    operators: function operators() {
+      var operators = [];
+
+      switch (this.column.type) {
+        case "string":
+          operators = this.stringOperators;
+          break;
+
+        case "enum":
+          if (this.column.is_multiple) {
+            operators = this.enumOperatorsMultiple;
+          } else {
+            operators = this.enumOperators;
+          }
+
+          break;
+
+        case "date":
+          operators = this.dateOperators;
+          break;
+      }
+
+      return operators;
+    },
+    isMultiple: function isMultiple() {
+      return this.column.is_multiple ? this.column.is_multiple : false;
+    },
+    remoteMethodHandler: {
+      get: function get() {
+        if (this.remoteMethod !== null) {
+          return this.remoteCall;
+        }
+
+        return null;
+      }
+    }
+  },
   watch: {
     showFilter: function showFilter() {
       if (this.showFilter === false) {
-        this.search.operator = '';
-        this.search.value = '';
+        this.search.operator = "";
+        this.search.value = "";
+      } else if (this.search.operator === "" && this.operators.length === 1) {
+        this.search.operator = this.operators[0].value;
       }
     },
-    search: {
-      handler: function handler(newValue) {
-        if (newValue.operator === '') {
-          this.showFilter = false;
-        }
-      },
-      deep: true
+    search: function search() {
+      if (this.search.operator === "") {
+        this.showFilter = false;
+      }
+    }
+  },
+  mounted: function mounted() {
+    if (this.operators.length === 1) {// this.search.operator = this.operators[0].value;
     }
   },
   methods: {
     isDisableInput: function isDisableInput(operator) {
-      var disable = this.disabledInputOperations.indexOf(operator) !== -1;
+      var disable = this.disabledInputOperations.includes(operator);
 
       if (disable) {
-        this.search.value = '';
+        this.search.value = "";
       }
 
       return disable;
+    },
+    remoteCall: function remoteCall(query) {
+      var _this = this;
+
+      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+        var response;
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _this.loading = true;
+                _context.next = 3;
+                return _this.remoteMethod.all({
+                  search: _this.selectLabel + ":" + query,
+                  searchFields: _this.selectLabel + ":like"
+                });
+
+              case 3:
+                response = _context.sent;
+                _this.selectListLocal = response.data;
+                _this.search["selectList"] = response.data;
+                _this.loading = false;
+
+              case 7:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }))();
+    },
+    updateSearch: function updateSearch(key) {
+      if (key && this.remote) {
+        var obj = _defineProperty({}, this.selectKey, key);
+
+        var _iterator = _createForOfIteratorHelper(this.selectListLocal),
+            _step;
+
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var item = _step.value;
+
+            if (item[this.selectKey] === key) {
+              obj[this.selectLabel] = item[this.selectLabel];
+              this.search.selectList = [obj];
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
     }
   }
 });
@@ -6601,11 +6880,11 @@ function normalizeComponent (
 
 var component = normalizeComponent(
   GenericFilters_FilterRowvue_type_script_lang_js_,
-  FilterRowvue_type_template_id_980096d6_scoped_true_render,
-  FilterRowvue_type_template_id_980096d6_scoped_true_staticRenderFns,
+  FilterRowvue_type_template_id_71e0b52e_render,
+  FilterRowvue_type_template_id_71e0b52e_staticRenderFns,
   false,
   null,
-  "980096d6",
+  null,
   null
   
 )
@@ -6633,12 +6912,6 @@ function _createClass(Constructor, protoProps, staticProps) {
   if (staticProps) _defineProperties(Constructor, staticProps);
   return Constructor;
 }
-// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom-collections.for-each.js
-var web_dom_collections_for_each = __webpack_require__("159b");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.keys.js
-var es_object_keys = __webpack_require__("b64b");
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.join.js
 var es_array_join = __webpack_require__("a15b");
 
@@ -7273,12 +7546,12 @@ var GenericFilters_component = normalizeComponent(
 )
 
 /* harmony default export */ var GenericFilters = (GenericFilters_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericPaginator/index.vue?vue&type=template&id=bb57d95e&
-var GenericPaginatorvue_type_template_id_bb57d95e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"m-t-15"},[_c('el-pagination',{attrs:{"total":_vm.total,"current-page":_vm.currentPage,"page-size":_vm.limit,"layout":'total, sizes, prev, pager, next, jumper'},on:{"size-change":_vm.sizeChange,"current-change":_vm.pageChange}})],1)}
-var GenericPaginatorvue_type_template_id_bb57d95e_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericPaginator/index.vue?vue&type=template&id=62ea2e41&
+var GenericPaginatorvue_type_template_id_62ea2e41_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"m-t-15"},[_c('el-pagination',{attrs:{"total":_vm.total,"current-page":_vm.currentPage,"page-size":_vm.limit,"layout":'total, sizes, prev, pager, next, jumper'},on:{"size-change":_vm.sizeChange,"current-change":_vm.pageChange}})],1)}
+var GenericPaginatorvue_type_template_id_62ea2e41_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/GenericPaginator/index.vue?vue&type=template&id=bb57d95e&
+// CONCATENATED MODULE: ./src/components/GenericPaginator/index.vue?vue&type=template&id=62ea2e41&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.number.constructor.js
 var es_number_constructor = __webpack_require__("a9e3");
@@ -7328,7 +7601,6 @@ var es_number_constructor = __webpack_require__("a9e3");
   },
   methods: {
     pageChange: function pageChange(val) {
-      debugger;
       this.$emit('page:change', val);
     },
     sizeChange: function sizeChange(val) {
@@ -7348,8 +7620,8 @@ var es_number_constructor = __webpack_require__("a9e3");
 
 var GenericPaginator_component = normalizeComponent(
   components_GenericPaginatorvue_type_script_lang_js_,
-  GenericPaginatorvue_type_template_id_bb57d95e_render,
-  GenericPaginatorvue_type_template_id_bb57d95e_staticRenderFns,
+  GenericPaginatorvue_type_template_id_62ea2e41_render,
+  GenericPaginatorvue_type_template_id_62ea2e41_staticRenderFns,
   false,
   null,
   null,
@@ -7358,12 +7630,12 @@ var GenericPaginator_component = normalizeComponent(
 )
 
 /* harmony default export */ var GenericPaginator = (GenericPaginator_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/index.vue?vue&type=template&id=1dbee846&
-var GenericTablevue_type_template_id_1dbee846_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('el-table',{attrs:{"data":_vm.data,"border":""},on:{"sort-change":_vm.sortChange}},[_vm._l((_vm.fields),function(field){return [(field.callback)?[_c('el-table-column',{key:field.prop,attrs:{"prop":field.prop,"label":field.label,"width":field.width ? field.width : null,"sortable":"custom"},scopedSlots:_vm._u([{key:"default",fn:function(context){return [_c('el-link',{on:{"click":function($event){return field.callback(field.prop, context.$index, context.row)}}},[_vm._v(" "+_vm._s(typeof field.formatter === 'function' ? field.formatter(context.row) : context.row[field.prop])+" ")])]}}],null,true)})]:[_c('el-table-column',{key:field.prop,attrs:{"formatter":typeof field.formatter === 'function' ? field.formatter : null,"prop":field.prop,"label":field.label,"width":field.width ? field.width : null,"sortable":"custom"}})]]})],2)],1)}
-var GenericTablevue_type_template_id_1dbee846_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/index.vue?vue&type=template&id=78fe6b34&
+var GenericTablevue_type_template_id_78fe6b34_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('el-table',{attrs:{"data":_vm.data,"border":""},on:{"sort-change":_vm.sortChange}},[_vm._l((_vm.fields),function(field){return [(field.callback)?[_c('el-table-column',{key:field.prop,attrs:{"prop":field.prop,"label":field.label,"width":field.width ? field.width : null,"sortable":field.sortable ? field.sortable : null},scopedSlots:_vm._u([{key:"default",fn:function(context){return [_c('el-link',{on:{"click":function($event){return field.callback(field.prop, context.$index, context.row)}}},[_vm._v(" "+_vm._s(typeof field.formatter === "function" ? field.formatter(context.row) : context.row[field.prop])+" ")])]}}],null,true)})]:[_c('el-table-column',{key:field.prop,attrs:{"formatter":typeof field.formatter === 'function' ? field.formatter : null,"prop":field.prop,"label":field.label,"width":field.width ? field.width : null,"sortable":field.sortable ? field.sortable : null}})]]})],2)],1)}
+var GenericTablevue_type_template_id_78fe6b34_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/GenericTable/index.vue?vue&type=template&id=1dbee846&
+// CONCATENATED MODULE: ./src/components/GenericTable/index.vue?vue&type=template&id=78fe6b34&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericTable/index.vue?vue&type=script&lang=js&
 //
@@ -7385,6 +7657,28 @@ var GenericTablevue_type_template_id_1dbee846_staticRenderFns = []
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 /* harmony default export */ var GenericTablevue_type_script_lang_js_ = ({
   name: "GenericTable",
   props: {
@@ -7412,7 +7706,7 @@ var GenericTablevue_type_template_id_1dbee846_staticRenderFns = []
   },
   methods: {
     sortChange: function sortChange(data) {
-      this.$emit('sort:change', data);
+      this.$emit("sort:change", data);
     }
   }
 });
@@ -7428,8 +7722,8 @@ var GenericTablevue_type_template_id_1dbee846_staticRenderFns = []
 
 var GenericTable_component = normalizeComponent(
   components_GenericTablevue_type_script_lang_js_,
-  GenericTablevue_type_template_id_1dbee846_render,
-  GenericTablevue_type_template_id_1dbee846_staticRenderFns,
+  GenericTablevue_type_template_id_78fe6b34_render,
+  GenericTablevue_type_template_id_78fe6b34_staticRenderFns,
   false,
   null,
   null,
@@ -7587,190 +7881,14 @@ var meta_model_MetaModel = /*#__PURE__*/function (_BaseModel) {
 }(base_model_BaseModel);
 
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericFilters/GenericTopFilter.vue?vue&type=template&id=e981941c&
-var GenericTopFiltervue_type_template_id_e981941c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-row',[_vm._l((_vm.filters),function(column){return _c('filter-top-row',{key:column.name,attrs:{"column":column,"search":_vm.search[column.name]}})}),_c('el-col',{staticClass:"m-t-20",attrs:{"span":6}},[_c('el-button',{on:{"click":_vm.applyFilter}},[_vm._v("Filter")]),_c('el-button',{on:{"click":_vm.resetFilter}},[_vm._v("Reset filter")])],1)],2)}
-var GenericTopFiltervue_type_template_id_e981941c_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/GenericFilters/GenericTopFilter.vue?vue&type=template&id=e981941c&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericFilters/FilterTopRow.vue?vue&type=template&id=8bda4366&
-var FilterTopRowvue_type_template_id_8bda4366_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.column)?_c('el-col',{staticClass:"m-b-20",attrs:{"span":18}},[(_vm.column.type !== 'checkbox')?_c('el-col',{staticClass:"m-b-5 p-l-0"},[_c('label',[_vm._v(_vm._s(_vm.column.label))])]):_vm._e(),(_vm.column.type==='string')?_c('el-input',{model:{value:(_vm.search.value),callback:function ($$v) {_vm.$set(_vm.search, "value", $$v)},expression:"search.value"}}):_vm._e()],1):_vm._e()}
-var FilterTopRowvue_type_template_id_8bda4366_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/GenericFilters/FilterTopRow.vue?vue&type=template&id=8bda4366&
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericFilters/FilterTopRow.vue?vue&type=script&lang=js&
-
-
-
-
-
-
-
-
-
-//
-//
-//
-//
-//
-//
-//
-//
-/* harmony default export */ var FilterTopRowvue_type_script_lang_js_ = ({
-  props: {
-    column: {
-      type: Object,
-      default: function _default() {
-        return {};
-      }
-    },
-    search: {
-      type: Object,
-      default: function _default() {
-        return {};
-      }
-    }
-  },
-  data: function data() {
-    var _this$column$selectKe, _this$column$selectLa, _this$column$selectVa, _this$column$filterab, _this$column$remote, _this$column$remoteMe;
-
-    return {
-      loading: false,
-      selectKey: (_this$column$selectKe = this.column.selectKey) !== null && _this$column$selectKe !== void 0 ? _this$column$selectKe : 'key',
-      selectLabel: (_this$column$selectLa = this.column.selectLabel) !== null && _this$column$selectLa !== void 0 ? _this$column$selectLa : 'label',
-      selectValue: (_this$column$selectVa = this.column.selectValue) !== null && _this$column$selectVa !== void 0 ? _this$column$selectVa : 'key',
-      filterable: (_this$column$filterab = this.column.filterable) !== null && _this$column$filterab !== void 0 ? _this$column$filterab : false,
-      remote: (_this$column$remote = this.column.remote) !== null && _this$column$remote !== void 0 ? _this$column$remote : false,
-      remoteMethod: (_this$column$remoteMe = this.column.remoteMethod) !== null && _this$column$remoteMe !== void 0 ? _this$column$remoteMe : null,
-      selectListLocal: this.search.selectList ? this.search.selectList : this.column.type === 'enum' ? this.column.values : this.boolValues
-    };
-  },
-  computed: {
-    isMultiple: function isMultiple() {
-      return this.column.is_multiple ? this.column.is_multiple : false;
-    },
-    remoteMethodHandler: {
-      get: function get() {
-        if (this.remoteMethod !== null) {
-          return this.remoteCall;
-        }
-
-        return null;
-      }
-    }
-  },
-  watch: {
-    search: function search() {
-      if (this.search.operator === '') {
-        this.showFilter = false;
-      }
-    }
-  },
-  mounted: function mounted() {
-    if (this.column.operator) {
-      this.search.operator = this.column.operator;
-    }
-  },
-  methods: {
-    remoteCall: function remoteCall(query) {
-      var _this = this;
-
-      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        var response;
-        return regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _this.loading = true;
-                _context.next = 3;
-                return _this.remoteMethod.all({
-                  search: _this.selectLabel + ':' + query,
-                  searchFields: _this.selectLabel + ':like'
-                });
-
-              case 3:
-                response = _context.sent;
-                _this.selectListLocal = response.data;
-                _this.search['selectList'] = response.data;
-                _this.loading = false;
-
-              case 7:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }))();
-    },
-    updateSearch: function updateSearch(key) {
-      if (key && this.remote) {
-        var obj = _defineProperty({}, this.selectKey, key);
-
-        var _iterator = _createForOfIteratorHelper(this.selectListLocal),
-            _step;
-
-        try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var item = _step.value;
-
-            if (item[this.selectKey] === key) {
-              obj[this.selectLabel] = item[this.selectLabel];
-              this.search.selectList = [obj];
-            }
-          }
-        } catch (err) {
-          _iterator.e(err);
-        } finally {
-          _iterator.f();
-        }
-      }
-    }
-  }
-});
-// CONCATENATED MODULE: ./src/components/GenericFilters/FilterTopRow.vue?vue&type=script&lang=js&
- /* harmony default export */ var GenericFilters_FilterTopRowvue_type_script_lang_js_ = (FilterTopRowvue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/components/GenericFilters/FilterTopRow.vue
-
-
-
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"7229a924-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericFilters/QuickSearchFilter.vue?vue&type=template&id=61231db6&
+var QuickSearchFiltervue_type_template_id_61231db6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('el-row',{staticClass:"m-b-20"},[(_vm.filter)?_c('el-col',[(_vm.filter.type === 'string')?_c('el-input',{attrs:{"clearable":""},on:{"clear":_vm.resetFilter},nativeOn:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.applyFilter.apply(null, arguments)}},model:{value:(_vm.search[_vm.filter.name].value),callback:function ($$v) {_vm.$set(_vm.search[_vm.filter.name], "value", $$v)},expression:"search[filter.name].value"}}):_vm._e()],1):_vm._e()],1)}
+var QuickSearchFiltervue_type_template_id_61231db6_staticRenderFns = []
 
 
-/* normalize component */
+// CONCATENATED MODULE: ./src/components/GenericFilters/QuickSearchFilter.vue?vue&type=template&id=61231db6&
 
-var FilterTopRow_component = normalizeComponent(
-  GenericFilters_FilterTopRowvue_type_script_lang_js_,
-  FilterTopRowvue_type_template_id_8bda4366_render,
-  FilterTopRowvue_type_template_id_8bda4366_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var FilterTopRow = (FilterTopRow_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericFilters/GenericTopFilter.vue?vue&type=script&lang=js&
-
-
-//
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/GenericFilters/QuickSearchFilter.vue?vue&type=script&lang=js&
 //
 //
 //
@@ -7785,13 +7903,11 @@ var FilterTopRow_component = normalizeComponent(
 //
 //
 //
-
-
-/* harmony default export */ var GenericTopFiltervue_type_script_lang_js_ = ({
-  name: "GenericTopFilter",
+/* harmony default export */ var QuickSearchFiltervue_type_script_lang_js_ = ({
+  name: "QuickSearchFilter",
   props: {
-    filters: {
-      type: Array,
+    filter: {
+      type: Object,
       default: function _default() {
         return {};
       }
@@ -7803,30 +7919,18 @@ var FilterTopRow_component = normalizeComponent(
       }
     }
   },
-  components: {
-    FilterTopRow: FilterTopRow
-  },
-  data: function data() {
-    var filterConvertor = new filter_convertor_FilterConverter();
-    return {
-      filterConvertor: filterConvertor
-    };
-  },
   methods: {
-    getFilter: function getFilter() {
-      return this.filterConvertor.applyFilter(this.search);
-    },
     applyFilter: function applyFilter() {
-      this.$emit("apply:filter", this.filterConvertor.applyFilter(this.search));
+      this.$emit("apply:filter");
     },
     resetFilter: function resetFilter() {
-      this.$emit("reset:filter", {});
+      this.$emit("reset:filter");
     }
   }
 });
-// CONCATENATED MODULE: ./src/components/GenericFilters/GenericTopFilter.vue?vue&type=script&lang=js&
- /* harmony default export */ var GenericFilters_GenericTopFiltervue_type_script_lang_js_ = (GenericTopFiltervue_type_script_lang_js_); 
-// CONCATENATED MODULE: ./src/components/GenericFilters/GenericTopFilter.vue
+// CONCATENATED MODULE: ./src/components/GenericFilters/QuickSearchFilter.vue?vue&type=script&lang=js&
+ /* harmony default export */ var GenericFilters_QuickSearchFiltervue_type_script_lang_js_ = (QuickSearchFiltervue_type_script_lang_js_); 
+// CONCATENATED MODULE: ./src/components/GenericFilters/QuickSearchFilter.vue
 
 
 
@@ -7834,10 +7938,10 @@ var FilterTopRow_component = normalizeComponent(
 
 /* normalize component */
 
-var GenericTopFilter_component = normalizeComponent(
-  GenericFilters_GenericTopFiltervue_type_script_lang_js_,
-  GenericTopFiltervue_type_template_id_e981941c_render,
-  GenericTopFiltervue_type_template_id_e981941c_staticRenderFns,
+var QuickSearchFilter_component = normalizeComponent(
+  GenericFilters_QuickSearchFiltervue_type_script_lang_js_,
+  QuickSearchFiltervue_type_template_id_61231db6_render,
+  QuickSearchFiltervue_type_template_id_61231db6_staticRenderFns,
   false,
   null,
   null,
@@ -7845,7 +7949,7 @@ var GenericTopFilter_component = normalizeComponent(
   
 )
 
-/* harmony default export */ var GenericTopFilter = (GenericTopFilter_component.exports);
+/* harmony default export */ var QuickSearchFilter = (QuickSearchFilter_component.exports);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/CompositeTable/index.vue?vue&type=script&lang=js&
 
 
@@ -7857,8 +7961,6 @@ var GenericTopFilter_component = normalizeComponent(
 
 
 
-
-//
 //
 //
 //
@@ -7918,9 +8020,10 @@ var GenericTopFilter_component = normalizeComponent(
 
 
 
+
 /* harmony default export */ var CompositeTablevue_type_script_lang_js_ = ({
   components: {
-    GenericTopFilter: GenericTopFilter,
+    QuickSearchFilter: QuickSearchFilter,
     GenericFilter: GenericFilters,
     GenericTable: GenericTable,
     GenericPaginator: GenericPaginator
@@ -7943,11 +8046,11 @@ var GenericTopFilter_component = normalizeComponent(
       },
       type: Array
     },
-    filtersTop: {
+    topFilter: {
       default: function _default() {
-        return [];
+        return {};
       },
-      type: Array
+      type: Object
     },
     filters: {
       default: function _default() {
@@ -7956,14 +8059,20 @@ var GenericTopFilter_component = normalizeComponent(
       type: Array
     },
     includes: {
-      default: '--',
+      default: "--",
+      type: String
+    },
+    storageKey: {
+      default: "storage.key",
       type: String
     }
   },
   data: function data() {
-    var localStorage = new local_storage_service_LocalStorageService();
+    var localStorage = new local_storage_service_LocalStorageService(this.storageKey);
     var listQueryService = new list_query_service_ListQueryService(this.$route ? this.$route.name : "storage.key", localStorage);
+    var filterConvertor = new filter_convertor_FilterConverter();
     var search = {};
+    var topSearch = {};
 
     var _iterator = _createForOfIteratorHelper(this.filters),
         _step;
@@ -7982,63 +8091,55 @@ var GenericTopFilter_component = normalizeComponent(
       _iterator.f();
     }
 
-    var _iterator2 = _createForOfIteratorHelper(this.filtersTop),
-        _step2;
-
-    try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var _column = _step2.value;
-        search[_column.name] = {
-          position: "top",
-          value: ""
-        };
-      }
-    } catch (err) {
-      _iterator2.e(err);
-    } finally {
-      _iterator2.f();
+    if (this.topFilter) {
+      topSearch[this.topFilter.name] = {
+        value: "",
+        operator: this.topFilter.operator
+      };
     }
 
     search = Object.assign(search, listQueryService.getListQuery().search);
+    topSearch = Object.assign(topSearch, listQueryService.getListQuery().topSearch);
     return {
       loading: false,
       filter: {},
       data: [],
       search: search,
-      meta: Object.assign(new meta_model_MetaModel(), listQueryService.getListQuery().meta),
+      topSearch: topSearch,
+      filterConvertor: filterConvertor,
+      meta: listQueryService.getListQuery().meta,
+      metaModel: new meta_model_MetaModel(),
       listQueryService: listQueryService
     };
   },
   computed: {
+    queryFilter: function queryFilter() {
+      var query = {
+        page: this.meta.page,
+        limit: this.meta.limit
+      };
+      var filter = this.filterConvertor.applyFilter(_objectSpread2(_objectSpread2({}, this.search), this.topSearch));
+      return _objectSpread2(_objectSpread2({}, query), filter);
+    },
     currentPage: function currentPage() {
-      var _this$data$meta;
-
-      if ((_this$data$meta = this.data.meta) !== null && _this$data$meta !== void 0 && _this$data$meta.pagination) {
-        return this.data.meta.pagination.current_page;
+      if (this.meta) {
+        return this.meta.page;
       }
 
       return 0;
     },
     total: function total() {
-      var _this$data$meta2;
+      var _this$metaModel;
 
-      if ((_this$data$meta2 = this.data.meta) !== null && _this$data$meta2 !== void 0 && _this$data$meta2.pagination) {
-        return this.data.meta.pagination.total;
+      if ((_this$metaModel = this.metaModel) !== null && _this$metaModel !== void 0 && _this$metaModel.pagination) {
+        return this.metaModel.pagination.total;
       }
 
       return 0;
     },
     limit: function limit() {
-      var _this$data$meta3, _this$listQueryServic;
-
-      if ((_this$data$meta3 = this.data.meta) !== null && _this$data$meta3 !== void 0 && _this$data$meta3.pagination) {
-        return this.data.meta.pagination.per_page;
-      }
-
-      if ((_this$listQueryServic = this.listQueryService.getListQuery().meta) !== null && _this$listQueryServic !== void 0 && _this$listQueryServic.limit) {
-        var _this$listQueryServic2;
-
-        return (_this$listQueryServic2 = this.listQueryService.getListQuery().meta) === null || _this$listQueryServic2 === void 0 ? void 0 : _this$listQueryServic2.limit;
+      if (this.meta) {
+        return this.meta.limit;
       }
 
       return 10;
@@ -8060,12 +8161,12 @@ var GenericTopFilter_component = normalizeComponent(
                 _this.loading = true;
                 _context.prev = 1;
                 _context.next = 4;
-                return _this.repository.all(_this.listQueryService.getListQuery(), _this.includes);
+                return _this.repository.all(_this.queryFilter, _this.includes);
 
               case 4:
                 response = _context.sent;
                 _this.data = response.data;
-                external_commonjs_vue_commonjs2_vue_root_Vue_default.a.set(_this.data, "meta", response.meta);
+                external_commonjs_vue_commonjs2_vue_root_Vue_default.a.set(_this, "metaModel", response.meta);
                 _context.next = 12;
                 break;
 
@@ -8097,7 +8198,7 @@ var GenericTopFilter_component = normalizeComponent(
           page: this.listQueryService.getListQuery().meta.page
         }
       });
-      this.meta.pagination.per_page = val;
+      external_commonjs_vue_commonjs2_vue_root_Vue_default.a.set(this.meta, "limit", val);
       this.fetch();
     },
     handleCurrentChange: function handleCurrentChange(val) {
@@ -8107,38 +8208,48 @@ var GenericTopFilter_component = normalizeComponent(
           limit: this.listQueryService.getListQuery().meta.limit
         }
       });
-      this.meta.pagination.current_page = val;
+      external_commonjs_vue_commonjs2_vue_root_Vue_default.a.set(this.meta, "page", val);
       this.fetch();
     },
-    handleFilterChange: function handleFilterChange(val) {
-      this.filter = val;
-      this.meta.pagination.current_page = 1;
-      this.fetch();
+    handleFilterChange: function handleFilterChange() {
+      this.handleCurrentChange(1);
     },
-    handleApplyFilter: function handleApplyFilter(filters) {
+    handleApplyFilter: function handleApplyFilter() {
       this.listQueryService.updateListQuery({
         search: this.search
       });
-      this.handleFilterChange(filters);
+      this.handleFilterChange();
     },
     handleResetFilter: function handleResetFilter() {
       for (var column in this.search) {
-        if (this.search[column].position === "top") {
-          this.search[column] = Object.assign(this.search[column], {
-            value: ""
-          });
-        } else {
-          this.search[column] = Object.assign(this.search[column], {
-            operator: "",
-            value: ""
-          });
-        }
+        this.search[column] = Object.assign(this.search[column], {
+          operator: "",
+          value: ""
+        });
       }
 
       this.listQueryService.updateListQuery({
         search: {}
       });
       this.handleFilterChange({});
+    },
+    handleApplyTopFilter: function handleApplyTopFilter() {
+      this.listQueryService.updateListQuery({
+        topSearch: this.topSearch
+      });
+      this.handleFilterChange();
+    },
+    handleResetTopFilter: function handleResetTopFilter() {
+      for (var column in this.topSearch) {
+        this.topSearch[column] = Object.assign(this.topSearch[column], {
+          value: ""
+        });
+      }
+
+      this.listQueryService.updateListQuery({
+        topSearch: {}
+      });
+      this.handleFilterChange({});
     }
   }
 });
@@ -8158,7 +8269,7 @@ var CompositeTable_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "0a363976",
+  "69fb16da",
   null
   
 )