aloha-vue 1.2.18 → 1.2.20

package/package.json

@@ -14,7 +14,7 @@
     "Vue.js"
   ],
   "homepage": "https://github.com/ilia-brykin/aloha/#README.md",
-  "version": "1.2.18",
+  "version": "1.2.20",
   "author": {
     "name": "Ilia Brykin",
     "email": "brykin.ilia@gmail.com"

package/src/ATable/ATable.js

@@ -280,6 +280,11 @@ export default {
       required: false,
       default: true,
     },
+    rowClass: {
+      type: [String, Object, Function],
+      required: false,
+      default: undefined,
+    },
     rowsCountRenderPerTick: {
       type: Number,
       required: false,
@@ -748,6 +753,7 @@ export default {
                     disabledPreview: this.disabledPreview,
                     disabledRowActions: this.disabledRowActions,
                     row,
+                    rowClass: this.rowClass,
                     rowIndex,
                     isPreviewDownOpen: this.previewDownRowIndexes[rowIndex],
                     isRowActionsStickyLocal: this.isRowActionsStickyLocal,
@@ -780,6 +786,7 @@ export default {
                   disabledPreview: this.disabledPreview,
                   disabledRowActions: this.disabledRowActions,
                   row,
+                  rowClass: this.rowClass,
                   rowIndex,
                   isRowActionsStickyLocal: this.isRowActionsStickyLocal,
                   rowActionsClass: this.rowActionsClass,

package/src/ATable/ATableTopPanel/ATableTopPanel.js

@@ -262,6 +262,10 @@ export default {
               h("span", "aloha"),
             ],
           }),
+          this.$slots.tableActionsAppend && this.$slots.tableActionsAppend({
+            isMultipleActionsActive: this.isMultipleActionsActive,
+            modelView: this.modelView,
+          }),
         ]),
       ]),
       this.isMultipleActionsActive && h("div", {
@@ -298,10 +302,6 @@ export default {
             }),
           ]),
         ]),
-        this.$slots.tableActionsAppend && this.$slots.tableActionsAppend({
-          isMultipleActionsActive: this.isMultipleActionsActive,
-          modelView: this.modelView,
-        }),
         h("div", {
           class: "a_table__multiple_panel__actions",
         }, [

package/src/ATable/ATableTr/ATableTr.js

@@ -59,6 +59,11 @@ export default {
       required: false,
       default: undefined,
     },
+    rowClass: {
+      type: [String, Object, Function],
+      required: false,
+      default: undefined,
+    },
     rowIndex: {
       type: Number,
       required: true,

package/src/ATable/ATableTr/compositionAPI/AttributesAPI.js

@@ -3,8 +3,11 @@ import {
   inject,
   toRef,
 } from "vue";
+import { isFunction } from "lodash-es";
 
 export default function AttributesAPI(props) {
+  const row = toRef(props, "row");
+  const rowClass = toRef(props, "rowClass");
   const rowIndex = toRef(props, "rowIndex");
 
   const hasPreview = inject("hasPreview");
@@ -26,11 +29,25 @@ export default function AttributesAPI(props) {
       rowIndex.value === previewRightRowIndexLast.value;
   });
 
-  const rowClass = computed(() => {
-    return ["a_table__row a_table__row_hover", {
-      a_table__row_focus: isPreviewRightForCurrentRowOpen.value,
-      a_table__row_focus_was: isPreviewRightForCurrentRowWasOpen.value,
-    }];
+  const rowClassLocal = computed(() => {
+    if (isFunction(rowClass.value)) {
+      return rowClass.value({
+        row: row.value,
+        rowindex: rowIndex.value,
+      });
+    }
+    return rowClass.value;
+  });
+
+  const rowClassComputed = computed(() => {
+    return [
+      "a_table__row a_table__row_hover",
+      {
+        a_table__row_focus: isPreviewRightForCurrentRowOpen.value,
+        a_table__row_focus_was: isPreviewRightForCurrentRowWasOpen.value,
+      },
+      rowClassLocal.value
+    ];
   });
 
   const roleLocal = computed(() => {
@@ -40,7 +57,7 @@ export default function AttributesAPI(props) {
   const rowAttributes = computed(() => {
     const ATTRIBUTES = {
       id: rowId.value,
-      class: rowClass.value,
+      class: rowClassComputed.value,
       role: roleLocal.value,
     };
     if (hasPreview.value) {