@tripup-company/element-ui-extended 0.0.32 → 0.0.36

package/package.json

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

package/src/components/EditableField/index.vue

@@ -27,7 +27,7 @@
     </div>
     <div v-if="isEditMode" class="editable-cell__editor">
       <el-checkbox v-if="type === 'checkbox'" v-model="model" />
-      <el-input-number v-else-if="type === 'number'" v-model="model" :precision="precision" class="w-70" />
+      <el-input-number v-else-if="type === 'number'" controls-position="left" v-model="model" :precision="precision" class="w-70" />
       <el-select v-else-if="type === 'select'" v-model="model" :span="24" clearable :filterable="filterable" :remote="remote" :remote-method="remoteMethodHandler" placeholder="Select" :multiple="selectMultiple" class="w-100">
         <el-option
           v-for="item in selectListLocal"

package/src/components/GenericFilters/FilterRow.vue

@@ -40,6 +40,7 @@
           type="daterange"
           value-format="yyyy-MM-dd"
         />
+
         <el-select
           refs="select"
           v-else
@@ -82,9 +83,9 @@ export default {
   },
   data() {
     const boolValues = [
-      { value: null, label: "empty" },
-      { value: true, label: "true" },
-      { value: false, label: "false" },
+      { value: null, name: "null" },
+      { value: true, name: "true" },
+      { value: false, name: "false" },
     ];
     return {
       loading: false,
@@ -114,6 +115,7 @@ export default {
       enumOperators: [{ value: "equal", label: "is" }],
       enumOperatorsMultiple: [{ value: "in", label: "in" }],
       dateOperators: [{ value: "between", label: "between" }],
+      boolOperators: [{ value: "equal", label: "is" }],
     };
   },
   computed: {
@@ -123,7 +125,7 @@ export default {
         case "string":
           operators = this.stringOperators;
           break;
-        case "enum":
+        case ("enum", "select"):
           if (this.column.selectMultiple) {
             operators = this.enumOperatorsMultiple;
           } else {
@@ -133,6 +135,9 @@ export default {
         case "date":
           operators = this.dateOperators;
           break;
+        case "bool":
+          operators = this.boolOperators;
+          break;
       }
       return operators;
     },
@@ -168,7 +173,7 @@ export default {
   },
   mounted() {
     if (this.operators.length === 1) {
-      // this.search.operator = this.operators[0].value;
+       this.search.operator = this.operators[0].value;
     }
   },
   methods: {

package/src/components/NewField/index.vue

@@ -13,7 +13,7 @@
             />
           </el-select>
           <el-date-picker v-else-if="type === 'date-picker'" v-model="dataModel" format="dd.MM.yyyy" value-format="yyyy-MM-dd" type="date" placeholder="Pick a day" class="w-100" />
-          <el-input-number v-else-if="type === 'number'" v-model="dataModel" :step="step" :precision="precision" class="w-100" />
+          <el-input-number v-else-if="type === 'number'" v-model="dataModel" :controls-position="'left'" :step="step" :precision="precision" class="w-100" />
           <el-input
             v-else
             v-model="dataModel"
@@ -28,7 +28,8 @@
 </template>
 
 <script>
-
+import lodash from "lodash";
+const _ = lodash;
 export default {
   name: 'NewField',
   props: {
@@ -91,7 +92,7 @@ export default {
     return {
       loading: false,
       selectListLocal: [],
-      dataModel: window._.cloneDeep(this.value),
+      dataModel: _.cloneDeep(this.value),
     };
   },
   computed: {
@@ -114,7 +115,7 @@ export default {
       this.$emit('editable:save', { 'field': this.field, 'value': this.dataModel });
     },
     value: function() {
-      this.dataModel = this._.cloneDeep(this.value);
+      this.dataModel = _.cloneDeep(this.value);
     },
   },
   mounted() {

package/src/components/PartColumn/NewColumn.vue

@@ -36,7 +36,8 @@
 import Vue from 'vue';
 import getResolution from '../../services/resolutions';
 import NewField from '../NewField';
-
+import lodash from "lodash";
+const _ = lodash;
 export default {
   name: 'PartColumnNew',
   components: { NewField },
@@ -85,7 +86,7 @@ export default {
   },
   watch: {
     data: function() {
-      this.dataModel = window._.cloneDeep(this.data);
+      this.dataModel = _.cloneDeep(this.data);
     },
   },
   methods: {