aloha-vue 1.0.78 → 1.0.80

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

@@ -22,6 +22,7 @@ export default {
           locked: true,
           grow: 2,
           footerSlot: "footerAloha",
+          class: "a_justify_content_end",
         },
         {
           label: "Aloha frei",
@@ -30,6 +31,7 @@ export default {
           sortId: "aloha",
           grow: 0,
           footerPath: "aloha",
+          class: "a_justify_content_end",
         },
         {
           label: "Hola",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "aloha-vue",
   "description": "Project aloha",
-  "version": "1.0.78",
+  "version": "1.0.80",
   "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 = "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>`;
 }

package/src/styles/components/ATable.scss

@@ -82,7 +82,8 @@
 }
 
 .a_table__th {
-  display: block;
+  display: flex;
+  align-items: center;
   background-color: var(--a_table_th_bg);
   border-style: solid;
   border-width: var(--a_table_th_border_width);
@@ -99,7 +100,8 @@
 }
 
 .a_table__td {
-  display: block;
+  display: flex;
+  align-items: center;
 }
 
 .a_table__body,
@@ -134,7 +136,7 @@
 }
 
 .a_table__cell_action {
-  text-align: right;
+  justify-content: flex-end;
 }
 .a_table__th__dropdown_item {
   display: flex;