@tripup-company/element-ui-extended 0.0.33 → 0.0.37

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tripup-company/element-ui-extended",
-  "version": "0.0.33",
+  "version": "0.0.37",
   "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="false" 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;
     },
@@ -166,11 +171,6 @@ export default {
       }
     },
   },
-  mounted() {
-    if (this.operators.length === 1) {
-      // this.search.operator = this.operators[0].value;
-    }
-  },
   methods: {
     isDisableInput(operator) {
       const disable = this.disabledInputOperations.includes(operator);

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="false" :step="step" :precision="precision" class="w-100" />
           <el-input
             v-else
             v-model="dataModel"