aloha-vue 1.2.191 → 1.2.193

package/package.json

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

package/src/AGroupButtonDropdown/AGroupButtonDropdown.js

@@ -28,6 +28,11 @@ export default {
       required: false,
       default: () => [],
     },
+    btnGroupClass: {
+      type: [String, Array, Object],
+      required: false,
+      default: "a_btn_group",
+    },
     disabled: {
       type: Boolean,
       required: false,
@@ -95,6 +100,7 @@ export default {
       }, [
         ...this.actionsGrouped.buttons.map((item, itemIndex) => {
           return h(AGroupButtonDropdownItem, {
+            btnGroupClass: this.btnGroupClass,
             data: item,
             disabled: this.disabled,
             actionsDropdown: this.actionsGrouped.dropdown,

package/src/AGroupButtonDropdown/AGroupButtonDropdownItem/AGroupButtonDropdownItem.js

@@ -27,6 +27,11 @@ export default {
       type: Array,
       required: true,
     },
+    btnGroupClass: {
+      type: [String, Array, Object],
+      required: false,
+      default: "a_btn_group",
+    },
     data: {
       type: Object,
       required: true,
@@ -66,7 +71,7 @@ export default {
   render() {
     return [
       !!this.data.children.length && h("div", {
-        class: "a_btn_group",
+        class: this.btnGroupClass,
       }, [
         ...this.data.children.map(action => {
           let classLocal = action.classButton ? action.classButton : this.actionsClasses[action.actionNotDividerIndex];

package/src/ATable/ATable.js

@@ -63,6 +63,24 @@ export default {
       required: false,
       default: true,
     },
+    columnActionsOnePlusDropdownOptions: {
+      type: Object,
+      required: false,
+      default: () => ({
+        actionsClasses: ["a_btn a_btn_primary a_text_truncate"],
+        btnGroupClass: "a_btn_group a_btn_group_table",
+        hasDividerBeforeDropdown: false,
+        indexFirstDropdownAction: 1,
+        indexFirstDropdownActionMobile: 1,
+        minDropdownActions: 1,
+      }),
+    },
+    columnActionsView: {
+      type: String,
+      required: false,
+      default: "dropdown",
+      validator: value => ["onePlusDropdown", "onePlusDropdownEmptyPlace", "dropdown"].indexOf(value) !== -1,
+    },
     columnActionsWidth: {
       type: Number,
       required: false,
@@ -84,12 +102,6 @@ export default {
       required: false,
       default: undefined,
     },
-    columnActionsView: {
-      type: String,
-      required: false,
-      default: "dropdown",
-      validator: value => ["onePlusDropdown", "onePlusDropdownEmptyPlace", "dropdown"].indexOf(value) !== -1,
-    },
     columns: {
       type: Array,
       required: true,
@@ -457,6 +469,7 @@ export default {
   provide() {
     return {
       changeModelColumnsVisible: this.changeModelColumnsVisible,
+      columnActionsOnePlusDropdownOptions: computed(() => this.columnActionsOnePlusDropdownOptions),
       columns: computed(() => this.columns),
       columnsDefaultValue: computed(() => this.columnsDefaultValue),
       columnWidthDefault: computed(() => this.columnWidthDefault),

package/src/ATable/ATableTdAction/ATableTdAction.js

@@ -12,6 +12,10 @@ import RowActionsAPI from "../compositionAPI/RowActionsAPI";
 import RowNumberAPI from "./compositionAPI/RowNumberAPI.js";
 import StylesThTdAction from "../ATableHeaderThAction/compositionAPI/StylesThTdAction";
 
+import {
+  isUndefined,
+} from "lodash-es";
+
 export default {
   name: "ATableTdAction",
   components: {
@@ -55,6 +59,7 @@ export default {
     },
   },
   inject: [
+    "columnActionsOnePlusDropdownOptions",
     "columnsScrollInvisible",
     "tableId",
   ],
@@ -196,11 +201,12 @@ export default {
                     placement: "bottom-end",
                   },
                   disabled: this.disabledRowActions,
-                  hasDividerBeforeDropdown: false,
-                  indexFirstDropdownAction: 1,
-                  indexFirstDropdownActionMobile: 1,
-                  minDropdownActions: 1,
-                  actionsClasses: ["a_btn a_btn_primary a_text_truncate"],
+                  btnGroupClass: isUndefined(this.columnActionsOnePlusDropdownOptions.btnGroupClass) ? "a_btn_group a_btn_group_table" : this.columnActionsOnePlusDropdownOptions.btnGroupClass,
+                  hasDividerBeforeDropdown: this.columnActionsOnePlusDropdownOptions.hasDividerBeforeDropdown || false,
+                  indexFirstDropdownAction: isUndefined(this.columnActionsOnePlusDropdownOptions.indexFirstDropdownAction) ? 1 : this.columnActionsOnePlusDropdownOptions.indexFirstDropdownAction,
+                  indexFirstDropdownActionMobile: isUndefined(this.columnActionsOnePlusDropdownOptions.indexFirstDropdownActionMobile) ? 1 : this.columnActionsOnePlusDropdownOptions.indexFirstDropdownActionMobile,
+                  minDropdownActions: isUndefined(this.columnActionsOnePlusDropdownOptions.minDropdownActions) ? 1 : this.columnActionsOnePlusDropdownOptions.minDropdownActions,
+                  actionsClasses: this.columnActionsOnePlusDropdownOptions.actionsClasses || ["a_btn a_btn_primary a_text_truncate"],
                   actionsIds: [this.buttonFirstActionId],
                 }, this.$slots) :
               "",

package/src/styles/components/ATable.scss

@@ -344,7 +344,7 @@
   > * + * {
     margin-left: 0.5rem;
   }
-  .aloha_group_btn_dropdown .a_btn_group {
+  .aloha_group_btn_dropdown .a_btn_group_table {
     width: 100%;
   }
 }