aloha-vue 1.0.11 → 1.0.12

package/docs/src/views/PageTable/PageTable.js

@@ -47,6 +47,8 @@ export default {
           id: "obj",
           path: "obj.aloha",
           sortId: "obj.aloha",
+          slot: "get",
+          filter: "boolean",
         },
         {
           label: "Obj2",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "aloha-vue",
   "description": "Project aloha",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "author": "Ilia Brykin",
   "dependencies": {
     "@popperjs/core": "2.11.5",

package/src/AGet/AGet.js

@@ -0,0 +1,139 @@
+import {
+  capitalize,
+  h,
+} from "vue";
+
+import FiltersAPI from "../compositionAPI/FiltersAPI";
+
+import {
+  forEach,
+  get,
+  isArray, isFunction,
+  isUndefined,
+} from "lodash-es";
+
+// @vue/component
+export default {
+  name: "AGet",
+  props: {
+    path: {
+      type: [String, Array],
+      required: true,
+      info: "Weg zu Informationen. Z.B.('a[0].b.c', 'vertrag.antrag_obj.pk', ['vertrag', aloha, 'pk'])",
+    },
+    data: {
+      type: [String, Number, Boolean, Array, Object, Date, Function, Symbol],
+      required: false,
+      default: undefined,
+      info: "Haupt-Objekt oder -Array, wo man sucht",
+    },
+    tag: {
+      type: String,
+      required: false,
+      default: "span",
+      info: "Semantisch-relevanter HTML-Tag.(span, div, ...)",
+    },
+    defaultValue: {
+      type: [String, Number, Boolean, Array, Object, Date, Function, Symbol],
+      required: false,
+      default: undefined,
+      info: "Standardwert, wenn Lodash-Funktion 'get' undefined zurückschickt",
+    },
+    filter: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    filterParameters: {
+      type: Array,
+      required: false,
+      default: () => [],
+    },
+    replacedWithDefault: {
+      type: [String, Number, Boolean, Array, Object, Date, Function, Symbol],
+      required: false,
+      default: undefined,
+      info: "Wenn das Wert, das Lodash-Funktion 'get' zurückschickt, === this.replacedWithDefault, dann this.defaultValue",
+    },
+  },
+  setup() {
+    const {
+      filterBoolean,
+      filterCurrency,
+      filterDate,
+      filterDefaultForEmpty,
+      filterEmail,
+      filterFileSize,
+      filterIban,
+      filterJson,
+      filterKeyValue,
+      filterLimitTo,
+      filterLink,
+      filterList,
+      filterSearchHighlight,
+    } = FiltersAPI();
+
+    return {
+      filterBoolean,
+      filterCurrency,
+      filterDate,
+      filterDefaultForEmpty,
+      filterEmail,
+      filterFileSize,
+      filterIban,
+      filterJson,
+      filterKeyValue,
+      filterLimitTo,
+      filterLink,
+      filterList,
+      filterSearchHighlight,
+    };
+  },
+  computed: {
+    valueLocal() {
+      const VALUE = get(this.data, this.pathLocal, this.defaultValue);
+      if (this.isValueEqualsWithValueThenDefaultValue(VALUE)) {
+        return this.defaultValue;
+      }
+      if (this.filter) {
+        const FILTER_FUNCTION_NAME = `filter${ capitalize(this.filter) }`;
+        if (isFunction(this[FILTER_FUNCTION_NAME])) {
+          return this[FILTER_FUNCTION_NAME](VALUE, ...this.filterParameters);
+        } 
+        console.warn(`filter "${ FILTER_FUNCTION_NAME }" ist not defined`);
+      }
+      return VALUE;
+    },
+
+    pathLocal() {
+      if (isArray(this.path)) {
+        return this.path.join(".");
+      }
+      return this.path;
+    },
+  },
+  methods: {
+    isValueEqualsWithValueThenDefaultValue(value) {
+      if (isUndefined(this.replacedWithDefault)) {
+        return false;
+      }
+      let isEquals = false;
+      if (isArray(this.replacedWithDefault)) {
+        forEach(this.replacedWithDefault, item => {
+          if (item === value) {
+            isEquals = true;
+            return false;
+          }
+        });
+      } else if (this.replacedWithDefault === value) {
+        isEquals = true;
+      }
+      return isEquals;
+    },
+  },
+  render() {
+    return h(this.tag, {
+      innerHTML: this.valueLocal,
+    });
+  },
+};

package/src/ATable/ATable.js

@@ -6,6 +6,7 @@ import {
   toRef,
 } from "vue";
 
+import AGet from "../AGet/AGet";
 import ATableCountProPage from "./ATableCountProPage/ATableCountProPage";
 import ATableHeader from "./ATableHeader/ATableHeader";
 import ATablePagination from "./ATablePagination/ATablePagination";
@@ -21,7 +22,13 @@ import {
   getModelColumnsVisibleDefault,
 } from "./utils/utils";
 import {
-  cloneDeep, forEach, get, isArray, isNil, isPlainObject, keyBy,
+  cloneDeep,
+  forEach,
+  get,
+  isArray,
+  isNil,
+  isPlainObject,
+  keyBy,
   orderBy,
   startsWith,
   uniqueId,
@@ -474,7 +481,18 @@ export default {
           return h(ATableTr, {
             row,
             rowIndex,
-          }, this.$slots);
+          }, {
+            get: vm => [
+              h(AGet, {
+                data: vm.row,
+                path: vm.column.path,
+                filter: vm.column.filter,
+                filterParameters: vm.column.filterParameters,
+                defaultValue: vm.column.defaultValue,
+              }),
+            ],
+            ...this.$slots,
+          });
         })),
       ]),
       !this.hasRows && h("div", {