aloha-vue 1.0.79 → 1.0.81

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "aloha-vue",
   "description": "Project aloha",
-  "version": "1.0.79",
+  "version": "1.0.81",
   "author": "Ilia Brykin",
   "scripts": {
     "build-icons": "node scriptsNode/iconsSvgToJs.js bootstrap3 && node scriptsNode/iconsSvgToJs.js bootstrap-1-9-1"

package/src/ATable/ATable.js

@@ -606,6 +606,7 @@ export default {
                   filter: vm.column.filter,
                   filterParameters: vm.column.filterParameters,
                   defaultValue: vm.column.defaultValue,
+                  tag: vm.column.filterTag || "div",
                 }),
               ],
               ...this.$slots,

package/src/compositionAPI/AFiltersAPI.js

@@ -58,8 +58,8 @@ export default function AFiltersAPI() {
     return Link(value, { param, target });
   };
 
-  const filterList = (value, { isHtml = true, listClass = "list-unstyled" } = {}) => {
-    return list(value, { isHtml, listClass });
+  const filterList = (value, { isHtml = true, listClass = "a_list_without_styles", keyLabel = "" } = {}) => {
+    return list(value, { isHtml, listClass, keyLabel });
   };
 
   const filterPropertyByValue = (value, { mapping = {}, defaultValue = "" } = {}) => {

package/src/filters/list.js

@@ -1,9 +1,10 @@
 import {
   isArray,
   forEach,
+  get,
 } from "lodash-es";
 
-export default function(value, { isHtml = true, listClass = "list-unstyled" } = {}) {
+export default function(value, { isHtml = true, listClass = "a_list_without_styles", keyLabel = "" } = {}) {
   if (!isArray(value)) {
     return value;
   }
@@ -13,12 +14,14 @@ export default function(value, { isHtml = true, listClass = "list-unstyled" } =
   let result = "";
   if (isHtml === false || isHtml === "false") {
     forEach(value, (item, index) => {
-      result += `${ index !== 0 ? ", " : "" }${ item }`;
+      const ITEM_TEXT = keyLabel ? get(item, keyLabel) : item;
+      result += `${ index !== 0 ? ", " : "" }${ ITEM_TEXT }`;
     });
     return result;
   }
   forEach(value, item => {
-    result += `<li>${ item }</li>`;
+    const ITEM_TEXT = keyLabel ? get(item, keyLabel) : item;
+    result += `<li>${ ITEM_TEXT }</li>`;
   });
   return `<ul${ listClass ? ` class="${ listClass }"` : "" }>${ result }</ul>`;
 }