aloha-vue 1.0.99 → 1.0.101

package/package.json

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

package/src/compositionAPI/AFiltersAPI.js

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

package/src/filters/list.js

@@ -4,7 +4,9 @@ import {
   get,
 } from "lodash-es";
 
-export default function(value, { isHtml = true, listClass = "a_list_without_styles", keyLabel = "" } = {}) {
+export default filterList;
+
+function filterList(value, { isHtml = true, listClass = "a_list_without_styles", keyLabel = "", isListTree = false } = {}) {
   if (!isArray(value)) {
     return value;
   }
@@ -20,8 +22,22 @@ export default function(value, { isHtml = true, listClass = "a_list_without_styl
     return result;
   }
   forEach(value, item => {
-    const ITEM_TEXT = keyLabel ? get(item, keyLabel) : item;
-    result += `<li>${ ITEM_TEXT }</li>`;
+    const ITEM = keyLabel ? get(item, keyLabel) : item;
+    if (isListTree && isArray(ITEM)) {
+      if (ITEM.length) {
+        result += `<li>`;
+        forEach(ITEM, itemChild => {
+          if (isArray(itemChild)) {
+            result += filterList(itemChild, { isHtml, listClass, keyLabel, isListTree });
+          } else {
+            result += itemChild;
+          }
+        });
+        result += `</li>`;
+      }
+    } else {
+      result += `<li>${ ITEM }</li>`;
+    }
   });
   return `<ul${ listClass ? ` class="${ listClass }"` : "" }>${ result }</ul>`;
 }