quasar-ui-danx 0.0.30 → 0.0.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar-ui-danx",
-  "version": "0.0.30",
+  "version": "0.0.31",
   "author": "Dan <dan@flytedesk.com>",
   "description": "DanX Vue / Quasar component library",
   "license": "MIT",

package/src/components/ActionTable/ActionMenu.vue

@@ -1,11 +1,12 @@
 <template>
   <PopoverMenu
       class="px-4 h-full flex"
-      :items="items"
+      :items="activeItems"
       @action-item="onAction"
   />
 </template>
 <script setup>
+import { computed } from 'vue';
 import { performAction } from '../../helpers';
 import { PopoverMenu } from '../Utility';
 
@@ -15,15 +16,19 @@ const props = defineProps({
     type: Array,
     required: true
   },
-  rows: {
+  targets: {
     type: Array,
     required: true
   }
 });
 
+const activeItems = computed(() => props.items.filter(item => {
+  if (item.enabled === undefined) return true;
+  return typeof item.enabled === 'function' ? !!item.enabled(props.targets) : !!item.enabled;
+}));
 
 function onAction(item) {
   emit('action', item);
-  performAction(item, props.rows);
+  performAction(item, props.targets);
 }
 </script>

package/src/components/ActionTable/ActionTable.vue

@@ -52,6 +52,7 @@
         <component
             :is="rowProps.col.onClick ? 'a' : 'div'"
             class="flex items-center flex-nowrap"
+            :class="{'justify-end': rowProps.col.align === 'right', 'justify-center': rowProps.col.align === 'center', 'justify-start': rowProps.col.align === 'left'}"
             @click="() => rowProps.col.onClick && rowProps.col.onClick(rowProps.row)"
         >
           <RenderComponent
@@ -72,7 +73,7 @@
           <ActionMenu
               v-if="rowProps.col.actions" class="ml-2"
               :items="rowProps.col.actions"
-              :rows="[rowProps.row]"
+              :targets="[rowProps.row]"
               @action="(action) => $emit('action', {action: action, row: rowProps.row})"
           />
         </component>

package/src/helpers/performAction.ts

@@ -29,7 +29,9 @@ export function usePerformAction(actions: any[]) {
             targets = Array.isArray(targets) ? targets : [targets];
 
             await performAction({ ...action, ...options }, targets);
-        }
+        },
+
+        batchActions: actions.filter(a => a.batch)
     };
 }