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

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

@@ -6212,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=3819ce03&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/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=3819ce03&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");
@@ -6492,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&
 
 
+
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -6526,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,
@@ -6541,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();
+        }
+      }
     }
   }
 });
@@ -6729,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
   
 )
@@ -7971,8 +8122,8 @@ var QuickSearchFilter_component = normalizeComponent(
       return _objectSpread2(_objectSpread2({}, query), filter);
     },
     currentPage: function currentPage() {
-      if (this.listQueryService.getListQuery().meta) {
-        return this.listQueryService.getListQuery().meta.page;
+      if (this.meta) {
+        return this.meta.page;
       }
 
       return 0;
@@ -7987,12 +8138,8 @@ var QuickSearchFilter_component = normalizeComponent(
       return 0;
     },
     limit: function limit() {
-      var _this$listQueryServic;
-
-      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;
@@ -8122,7 +8269,7 @@ var CompositeTable_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "3819ce03",
+  "69fb16da",
   null
   
 )