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

package/package.json

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

package/src/components/CompositeTable/index.vue

@@ -3,7 +3,7 @@
     <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, handleResetTopFilter }">
             <quick-search-filter
               v-if="topFilter"
               :filter="topFilter"
@@ -34,7 +34,7 @@
           </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, handleResetFilter }">
             <generic-filter
               v-if="filters.length"
               :filters="filters"

package/src/components/CreateForm/index.vue

@@ -3,7 +3,7 @@
     ref="form"
     :rules="config.rules"
     :model="formLocal"
-    class="m-w-1200"
+    class="m-w-1200 create-form"
     label-position="left"
     label-width="140px"
   >

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'" controls-position="left" 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-100" />
       <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

@@ -171,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

@@ -1,5 +1,5 @@
 <template>
-  <div class="editable-cell">
+  <div class="editable-cell new-field">
     <div class="editable-cell__editor">
       <slot class="editable-cell__text__slot">
         <el-col :span="24">
@@ -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" :controls-position="'left'" :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"

package/src/components/PartColumn/EditColumn.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-col :xl="colResolution.lg" :lg="colResolution.lg" :md="colResolution.md" :sm="colResolution.sm" :xs="colResolution.xs" class="p-r-5 p-l-5">
+  <el-col :xl="colResolution.lg" :lg="colResolution.lg" :md="colResolution.md" :sm="colResolution.sm" :xs="colResolution.xs" class="edit-column p-r-5 p-l-5">
     <template v-for="(field) of fields">
       <el-col
         :key="field.prop"

package/src/components/PartColumn/NewColumn.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-col :xl="colResolution.lg" :lg="colResolution.lg" :md="colResolution.md" :sm="colResolution.sm" :xs="colResolution.xs" class="p-r-5 p-l-5">
+  <el-col :xl="colResolution.lg" :lg="colResolution.lg" :md="colResolution.md" :sm="colResolution.sm" :xs="colResolution.xs" class="new-column p-r-5 p-l-5">
     <template v-for="(field) of fields">
       <el-col
         :key="field.prop"

package/src/components/UpdateForm/index.vue

@@ -5,6 +5,7 @@
     :rules="config.rules"
     label-position="left"
     label-width="140px"
+    class="update-form"
   >
     <el-card class="m-b-20" shadow="always">
       <div slot="header" class="clearfix">