@tripup-company/element-ui-extended 0.0.14 → 0.0.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tripup-company/element-ui-extended",
-  "version": "0.0.14",
+  "version": "0.0.18",
   "main": "./dist/element-ui-extended.umd.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CompositeTable/index.vue

@@ -3,7 +3,12 @@
     <slot>
       <el-row :gutter="20">
         <el-col :span="filters.length ? 18 : 24">
-          <slot name="quick-search-filter" v-bind="{ topFilter, search }">
+          <slot
+            name="quick-search-filter"
+            v-bind="{ topFilter, search }"
+            :handleApplyTopFilter="handleApplyTopFilter"
+            :handleResetTopFilter="handleResetTopFilter"
+          >
             <quick-search-filter
               v-if="topFilter"
               :filter="topFilter"
@@ -12,7 +17,11 @@
               @reset:filter="handleResetTopFilter"
             />
           </slot>
-          <slot name="table" v-bind="{ fields, data }">
+          <slot
+            name="table"
+            v-bind="{ fields, data }"
+            :handleChangeSort="handleChangeSort"
+          >
             <generic-table
               :fields="fields"
               :data="data"
@@ -34,7 +43,12 @@
           </el-row>
         </el-col>
         <el-col :span="filters.length ? 6 : 0">
-          <slot name="filter" v-bind="{ filters, search }">
+          <slot
+            name="filter"
+            v-bind="{ filters, search }"
+            :handleApplyFilter="handleApplyFilter"
+            :handleResetFilter="handleResetFilter"
+          >
             <generic-filter
               v-if="filters.length"
               :filters="filters"
@@ -55,7 +69,7 @@ import GenericFilter from "../GenericFilters/index";
 import GenericPaginator from "../GenericPaginator";
 import GenericTable from "@/components/GenericTable";
 import ListQueryService from "@/services/list-query-service";
-import { LocalStorageService } from "@/services/local-storage-service";
+import LocalStorageService from "@/services/local-storage-service";
 import MetaModel from "@/models/meta-model";
 import QuickSearchFilter from "@/components/GenericFilters/QuickSearchFilter";
 import FilterConverter from "../GenericFilters/filter-convertor";
@@ -216,8 +230,9 @@ export default {
     handleFilterChange() {
       this.handleCurrentChange(1);
     },
-    handleApplyFilter() {
-      this.listQueryService.updateListQuery({ search: this.search });
+    handleApplyFilter(val) {
+      Vue.set(this, "search", val);
+      this.listQueryService.updateListQuery({ search: val });
       this.handleFilterChange();
     },
     handleResetFilter() {
@@ -230,8 +245,9 @@ export default {
       this.listQueryService.updateListQuery({ search: {} });
       this.handleFilterChange({});
     },
-    handleApplyTopFilter() {
-      this.listQueryService.updateListQuery({ topSearch: this.topSearch });
+    handleApplyTopFilter(val) {
+      Vue.set(this, "topSearch", val);
+      this.listQueryService.updateListQuery({ topSearch: val });
       this.handleFilterChange();
     },
     handleResetTopFilter() {

package/src/components/GenericFilters/QuickSearchFilter.vue

@@ -32,7 +32,7 @@ export default {
   },
   methods: {
     applyFilter() {
-      this.$emit("apply:filter");
+      this.$emit("apply:filter", this.search);
     },
     resetFilter() {
       this.$emit("reset:filter");

package/src/components/GenericFilters/index.vue

@@ -35,11 +35,8 @@ name: "GenericFilter",
     };
   },
   methods: {
-    getFilter() {
-      return this.filterConvertor.applyFilter(this.search);
-    },
     applyFilter() {
-      this.$emit('apply:filter', this.filterConvertor.applyFilter(this.search) );
+      this.$emit('apply:filter', this.search);
     },
     resetFilter() {
       this.$emit('reset:filter', {});

package/src/services/list-query-service.ts

@@ -25,7 +25,8 @@ export default class ListQueryService {
       meta: {
         page: 1,
         limit: 10,
-      }
+      },
+      search: {},
     };
     listQuery = Object.assign(listQuery, this.storageService.get(this.key));
     return listQuery;

package/src/services/local-storage-service.ts

@@ -1,4 +1,4 @@
-export class LocalStorageService {
+export default class LocalStorageService {
   key: string | undefined;
   constructor(key = '') {
     this.key = key;