@tripup-company/element-ui-extended 0.0.78 → 0.0.81

package/dist/src/components/GenericFilters/filter-convertor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-convertor.d.ts","sourceRoot":"","sources":["../../../../src/components/GenericFilters/filter-convertor.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,OAAO,eAAe;IAGlC,WAAW,CAAC,MAAM,KAAA;;;;CAkBnB"}
+{"version":3,"file":"filter-convertor.d.ts","sourceRoot":"","sources":["../../../../src/components/GenericFilters/filter-convertor.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,OAAO,eAAe;IAGlC,WAAW,CAAC,MAAM,KAAA;;;;CAqBnB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tripup-company/element-ui-extended",
-  "version": "0.0.78",
+  "version": "0.0.81",
   "main": "./dist/element-ui-extended.umd.js",
   "scripts": {
     "serve": "vue-cli-service serve && tsc --emitDeclarationOnly",

package/src/components/CompositeTable/index.vue

@@ -2,12 +2,24 @@
   <div v-loading="loading" class="composite-table">
     <slot>
       <el-row :gutter="20">
-        <el-col :span="filters.length ? 18 : 24">
+        <el-col :span="filters.length && showRightFilter ? 18 : 24">
+          <slot
+            v-if="showTopFilter"
+            v-bind="{ filters, search, handleApplyFilter, handleResetFilter }"
+            name="top-filter"
+          >
+            <generic-filter
+              :filters="filters"
+              :search="search"
+              @apply:filter="handleApplyFilter"
+              @reset:filter="handleResetFilter"
+            />
+          </slot>
           <slot
             name="quick-search-filter"
             v-bind="{
               topFilter,
-              search,
+              topSearch,
               handleApplyTopFilter,
               handleResetTopFilter,
             }"
@@ -43,6 +55,7 @@
         </el-col>
         <el-col :span="filters.length ? 6 : 0">
           <slot
+            v-if="showRightFilter"
             name="filter"
             v-bind="{ filters, search, handleApplyFilter, handleResetFilter }"
           >
@@ -79,6 +92,14 @@ export default {
   },
   name: "CompositeTable",
   props: {
+    showTopFilter: {
+      default: false,
+      type: Boolean,
+    },
+    showRightFilter: {
+      default: true,
+      type: Boolean,
+    },
     repository: {
       default() {
         return {};
@@ -115,6 +136,10 @@ export default {
       default: "storage.key",
       type: String,
     },
+    filterConvertor: {
+      default: () => new FilterConverter(),
+      type: Object,
+    },
   },
   data: function () {
     const localStorage = new LocalStorageService(this.storageKey);
@@ -123,7 +148,6 @@ export default {
       localStorage
     );
     let listQueryObj = listQueryService.getListQuery();
-    const filterConvertor = new FilterConverter();
     let search = {};
     let topSearch = {};
     for (const column of this.filters) {
@@ -140,16 +164,13 @@ export default {
     }
 
     search = Object.assign(search, listQueryObj.search);
-    topSearch = Object.assign(
-      topSearch,
-      listQueryObj.topSearch
-    );
+    topSearch = Object.assign(topSearch, listQueryObj.topSearch);
     let sort = {};
     if (listQueryObj.orderBy) {
-      sort = Object.assign(sort, {orderBy: listQueryObj.orderBy})
+      sort = Object.assign(sort, { orderBy: listQueryObj.orderBy });
     }
     if (listQueryObj.sortedBy) {
-      sort = Object.assign(sort, {sortedBy: listQueryObj.sortedBy})
+      sort = Object.assign(sort, { sortedBy: listQueryObj.sortedBy });
     }
     return {
       loading: false,
@@ -157,7 +178,6 @@ export default {
       data: [],
       search: search,
       topSearch: topSearch,
-      filterConvertor: filterConvertor,
       meta: listQueryService.getListQuery().meta,
       metaModel: new MetaModel(),
       listQueryService: listQueryService,

package/src/components/EditableField/index.vue

@@ -192,7 +192,7 @@ export default {
     return {
       isEditMode: false,
       model: "",
-      selectListLocal: [],
+      selectListLocal: this.selectList,
     };
   },
   computed: {
@@ -215,9 +215,6 @@ export default {
       },
     },
   },
-  mounted() {
-    this.selectListLocal = this.selectList;
-  },
   methods: {
     createList() {
       let label = "";

package/src/components/GenericTable/index.vue

@@ -12,7 +12,14 @@
             :sortable="field.sortable ? field.sortable : null"
           >
             <el-link
-              @click="field.callback(field.prop, context.$index, context.row)"
+                :href="
+                field.href
+                  ? typeof field.href === 'function'
+                    ? field.href(field.prop, context.$index, context.row)
+                    : field.href
+                  : '#'
+              "
+              @click.prevent="field.callback(field.prop, context.$index, context.row)"
             >
               {{
                 typeof field.formatter === "function"