@tripup-company/element-ui-extended 0.0.48 → 0.0.51

package/dist/src/components/GenericFilters/filter-factory.d.ts

@@ -11,6 +11,8 @@ import { ContainsMultipleFileldsFilter } from "./filters/contains-multiple-filel
 import { IsNotNullFilter } from "./filters/is-not-null-filter";
 import { BetweenFilter } from "./filters/between-filter";
 import { InFilter } from "./filters/in-filter";
+import { InObject } from "./filters/in-object";
+import { InArray } from "./filters/in-array";
 import { WeekDayFilter } from "./filters/week-day-filter";
 import { YoungerWeekFilter } from "./filters/younger-week-filter";
 import { GroupByFilter } from "./filters/group-by-filter";
@@ -30,6 +32,8 @@ export default class FilterFactory {
         weekDay: (field: string, value: string) => WeekDayFilter;
         younger_weeks: (field: string, value: string) => YoungerWeekFilter;
         group_by_fields: (field: string, value: string) => GroupByFilter;
+        in_object: (field: string, value: string) => InObject;
+        in_array: (field: string, value: string) => InArray;
     };
     createFilter(field: any, condition: Condition): BaseFilter;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"filter-factory.d.ts","sourceRoot":"","sources":["../../../../src/components/GenericFilters/filter-factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,aAAa;WAClB,oBAAoB;uBAEf,GAAG,SAAS,GAAG;2BACX,GAAG,SAAS,GAAG;0BAChB,GAAG,SAAS,GAAG;8BACX,GAAG,SAAS,GAAG;yBAEpB,GAAG,SAAS,GAAG;6BACX,GAAG,SAAS,GAAG;4BAEhB,GAAG,SAAS,GAAG;0BACjB,GAAG,SAAS,GAAG;6BACZ,GAAG,SAAS,GAAG;yBAEnB,MAAM,SAAS,MAAM;oBAE3B,MAAM,SAAQ,MAAM;yBACf,MAAM,SAAQ,MAAM;+BACd,MAAM,SAAQ,MAAM;iCAClB,MAAM,SAAQ,MAAM;;IAGzC,YAAY,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,GAAG,UAAU;CAQlE"}
+{"version":3,"file":"filter-factory.d.ts","sourceRoot":"","sources":["../../../../src/components/GenericFilters/filter-factory.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,6BAA6B,EAAE,MAAM,4CAA4C,CAAC;AAC3F,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,aAAa;WAClB,oBAAoB;uBAEf,GAAG,SAAS,GAAG;2BACX,GAAG,SAAS,GAAG;0BAChB,GAAG,SAAS,GAAG;8BACX,GAAG,SAAS,GAAG;yBAEpB,GAAG,SAAS,GAAG;6BACX,GAAG,SAAS,GAAG;4BAEhB,GAAG,SAAS,GAAG;0BACjB,GAAG,SAAS,GAAG;6BACZ,GAAG,SAAS,GAAG;yBAEnB,MAAM,SAAS,MAAM;oBAE3B,MAAM,SAAQ,MAAM;yBACf,MAAM,SAAQ,MAAM;+BACd,MAAM,SAAQ,MAAM;iCAClB,MAAM,SAAQ,MAAM;2BAC1B,MAAM,SAAQ,MAAM;0BACrB,MAAM,SAAQ,MAAM;;IAGlC,YAAY,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,GAAG,UAAU;CAQlE"}

package/dist/src/components/GenericFilters/filters/in-array.d.ts

@@ -0,0 +1,7 @@
+import { BaseFilter } from "./base-filter";
+import { FilterResponse } from "./interfaces/filter-response";
+export declare class InArray extends BaseFilter {
+    protected operator: string;
+    applyFilter(): FilterResponse;
+}
+//# sourceMappingURL=in-array.d.ts.map

package/dist/src/components/GenericFilters/filters/in-array.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"in-array.d.ts","sourceRoot":"","sources":["../../../../../src/components/GenericFilters/filters/in-array.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,cAAc,EAAC,MAAM,8BAA8B,CAAC;AAE5D,qBAAa,OAAQ,SAAQ,UAAU;IACrC,SAAS,CAAC,QAAQ,SAAc;IACzB,WAAW,IAAI,cAAc;CAMrC"}

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

@@ -1 +1 @@
-{"version":3,"file":"in-filter.d.ts","sourceRoot":"","sources":["../../../../../src/components/GenericFilters/filters/in-filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,cAAc,EAAC,MAAM,8BAA8B,CAAC;AAE5D,qBAAc,QAAS,SAAQ,UAAU;IACvC,SAAS,CAAC,QAAQ,SAAQ;IACnB,WAAW,IAAI,cAAc;CAMrC"}
+{"version":3,"file":"in-filter.d.ts","sourceRoot":"","sources":["../../../../../src/components/GenericFilters/filters/in-filter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,cAAc,EAAC,MAAM,8BAA8B,CAAC;AAE5D,qBAAa,QAAS,SAAQ,UAAU;IACtC,SAAS,CAAC,QAAQ,SAAQ;IACnB,WAAW,IAAI,cAAc;CAMrC"}

package/dist/src/components/GenericFilters/filters/in-object.d.ts

@@ -0,0 +1,7 @@
+import { BaseFilter } from "./base-filter";
+import { FilterResponse } from "./interfaces/filter-response";
+export declare class InObject extends BaseFilter {
+    protected operator: string;
+    applyFilter(): FilterResponse;
+}
+//# sourceMappingURL=in-object.d.ts.map

package/dist/src/components/GenericFilters/filters/in-object.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"in-object.d.ts","sourceRoot":"","sources":["../../../../../src/components/GenericFilters/filters/in-object.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAC;AACzC,OAAO,EAAC,cAAc,EAAC,MAAM,8BAA8B,CAAC;AAE5D,qBAAa,QAAS,SAAQ,UAAU;IACtC,SAAS,CAAC,QAAQ,SAAe;IAC1B,WAAW,IAAI,cAAc;CAMrC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tripup-company/element-ui-extended",
-  "version": "0.0.48",
+  "version": "0.0.51",
   "main": "./dist/element-ui-extended.umd.js",
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -58,8 +58,7 @@
     "src/lang/*",
     "src/types/*",
     "src/filters.js",
-    "src/filters-top.js",
-    "src/styles/*"
+    "src/filters-top.js"
   ],
   "typings": "./dist/src/index.d.ts",
   "description": "## Project setup ``` npm install ```",

package/src/components/GenericFilters/FilterRow.vue

@@ -66,6 +66,8 @@
   </el-row>
 </template>
 <script>
+import { upperFirst } from 'lodash'
+
 export default {
   props: {
     column: {
@@ -114,6 +116,7 @@ export default {
       disabledInputOperations: ["is_null", "is_not_null"],
       enumOperators: [{ value: "equal", label: "is" }],
       enumOperatorsMultiple: [{ value: "in", label: "in" }],
+      enumOperatorsInObject: [{ value: "in_object", label: "in_object" }],
       dateOperators: [{ value: "between", label: "between" }],
       boolOperators: [{ value: "equal", label: "is" }],
     };
@@ -126,7 +129,9 @@ export default {
           operators = this.stringOperators;
           break;
         case ("enum", "select"):
-          if (this.column.selectMultiple) {
+          if (this.column.operator) {
+            operators = [{ value: this.column.operator, label: upperFirst(this.column.operator.replace('_', ' ')) }];
+          } else if (this.column.selectMultiple) {
             operators = this.enumOperatorsMultiple;
           } else {
             operators = this.enumOperators;

package/src/styles/editable-field-component.scss

@@ -1,74 +0,0 @@
-.editable-cell {
-  .el-input {
-    &__suffix {
-      right: 63px;
-    }
-  }
-  &__input {
-    float: left;
-    margin-right: 5px;
-  }
-
-  &__actions {
-    position: absolute;
-    z-index: 1000;
-    width: 60px;
-    right: 0;
-    top: 4px;
-  }
-
-  &__editor {
-    .el-checkbox {
-      margin-left: 16px;
-    }
-  }
-  &__text {
-    overflow: auto;
-    border: 1px solid transparent;
-    -webkit-appearance: none;
-    background-color: #FFFFFF;
-    color: #606266;
-    display: inline-block;
-    font-size: inherit;
-    max-height: 102px;
-    line-height: 34px;
-    outline: none;
-    padding: 0 15px;
-    width: 100%;
-
-    .edit-icon {
-      visibility: hidden;
-      margin: 3px 3px 3px 0;
-      position: absolute;
-      right: 0;
-    }
-
-    &__slot {
-      height: 34px;
-    }
-
-
-
-    &:hover {
-      background-color: #f5f7fa;
-      background-image: none;
-      border-radius: 4px;
-      border: 1px solid #DCDFE6;
-      box-sizing: border-box;
-
-      .edit-icon {
-        visibility: visible;
-        margin: 3px 3px 3px 0;
-        position: absolute;
-        right: 0;
-      }
-    }
-  }
-}
-.editable-cell.new-field {
-  .el-input {
-    &__suffix {
-      right: 3px;
-    }
-  }
-}

package/src/styles/index.scss

@@ -1,218 +0,0 @@
-@import 'element-ui';
-@import 'spacing';
-@import 'editable-field-component';
-
-body {
-  height: 100%;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  text-rendering: optimizeLegibility;
-  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
-}
-
-label {
-  font-weight: 700;
-}
-
-html {
-  height: 100%;
-  box-sizing: border-box;
-}
-
-#app {
-  height: 100%;
-}
-
-*,
-*:before,
-*:after {
-  box-sizing: inherit;
-}
-
-.no-padding {
-  padding: 0px !important;
-}
-
-.padding-content {
-  padding: 4px 0;
-}
-
-a:focus,
-a:active {
-  outline: none;
-}
-
-a,
-a:focus,
-a:hover {
-  cursor: pointer;
-  color: inherit;
-  text-decoration: none;
-}
-
-div:focus {
-  outline: none;
-}
-
-.fr {
-  float: right;
-}
-
-.fl {
-  float: left;
-}
-
-.pr-5 {
-  padding-right: 5px;
-}
-
-.pl-5 {
-  padding-left: 5px;
-}
-
-.block {
-  display: block;
-}
-
-.pointer {
-  cursor: pointer;
-}
-
-.inlineBlock {
-  display: block;
-}
-
-.clearfix {
-  &:after {
-    visibility: hidden;
-    display: block;
-    font-size: 0;
-    content: " ";
-    clear: both;
-    height: 0;
-  }
-}
-
-code {
-  background: #eef1f6;
-  padding: 15px 16px;
-  margin-bottom: 20px;
-  display: block;
-  line-height: 36px;
-  font-size: 15px;
-  font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
-
-  a {
-    color: #337ab7;
-    cursor: pointer;
-
-    &:hover {
-      color: rgb(32, 160, 255);
-    }
-  }
-}
-
-.warn-content {
-  background: rgba(66, 185, 131, .1);
-  border-radius: 2px;
-  padding: 1rem;
-  line-height: 1.6rem;
-  word-spacing: .05rem;
-
-  a {
-    color: #42b983;
-    font-weight: 600;
-  }
-}
-@media (min-width: $sm){
-  .app-container {
-    padding: 20px;
-  }
-}
-
-.components-container {
-  margin: 30px 50px;
-  position: relative;
-}
-
-.pagination-container {
-  margin-top: 30px;
-}
-
-.text-center {
-  text-align: center
-}
-
-.sub-navbar {
-  height: 50px;
-  line-height: 50px;
-  position: relative;
-  width: 100%;
-  text-align: right;
-  padding-right: 20px;
-  transition: 600ms ease position;
-  background: linear-gradient(90deg, rgba(32, 182, 249, 1) 0%, rgba(32, 182, 249, 1) 0%, rgba(33, 120, 241, 1) 100%, rgba(33, 120, 241, 1) 100%);
-
-  .subtitle {
-    font-size: 20px;
-    color: #fff;
-  }
-
-  &.draft {
-    background: #d0d0d0;
-  }
-
-  &.deleted {
-    background: #d0d0d0;
-  }
-}
-
-.link-type,
-.link-type:focus {
-  color: #337ab7;
-  cursor: pointer;
-
-  &:hover {
-    color: rgb(32, 160, 255);
-  }
-}
-
-.filter-container {
-  padding-bottom: 10px;
-
-  .filter-item {
-    display: inline-block;
-    vertical-align: middle;
-    margin-bottom: 10px;
-  }
-}
-
-//refine vue-multiselect plugin
-.multiselect {
-  line-height: 16px;
-}
-
-.multiselect--active {
-  z-index: 1000 !important;
-}
-.el-date-transparent {
-  margin-left: -15px;
-  input {
-    border: none !important;
-    background: transparent !important;
-  }
-}
-
-#app .hideSidebar .nav-icon {
-  margin-left: 20px;
-}
-
-.form-item-min-margin {
-  /*.el-form-item {
-    margin-bottom: 0px;
-  }*/
-   .el-textarea__inner {
-     line-height: 36px;
-     margin-bottom: 10px;
-   }
-}

package/src/styles/spacing.scss

@@ -1,39 +0,0 @@
-/*
-This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
-It will generate several classes such as:
-.m-r-10 which gives margin-right 10 pixels.
-.m-r-15 gives MARGIN to the RIGHT 15 pixels.
-.m-t-15 gives MARGIN to the TOP 15 pixels and so on.
-.p-b-5 gives PADDING to the BOTTOM of 5 pixels
-.p-l-40 gives PADDING to the LEFT of 40 pixels
-The first letter is "m" or "p" for MARGIN or PADDING
-Second letter is "t", "b", "l", or "r" for TOP, BOTTOM, LEFT, or RIGHT
-Third letter is the number of spacing in pixels. Adjust the amounts generated by editing the $spaceamounts variable below.
-*/
-
-$spaceamounts: (5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 75, 100); // Adjust this to include the pixel amounts you need.
-$sides: (top, bottom, left, right); // Leave this variable alone
-
-@each $space in $spaceamounts {
-    @each $side in $sides {
-        .m-#{str-slice($side, 0, 1)}-#{$space} {
-            margin-#{$side}: #{$space}px !important;
-        }
-
-        .p-#{str-slice($side, 0, 1)}-#{$space} {
-            padding-#{$side}: #{$space}px !important;
-        }
-    }
-}
-
-.m-w-1200 {
-  max-width: 1200px;
-}
-
-.w-300 {
-  width: 300px;
-}
-
-.w-100 {
-  width: 100% !important;
-}