quasar-ui-danx 0.0.34 → 0.0.36

package/package.json

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

package/src/components/ActionTable/ActionTable.vue

@@ -57,7 +57,9 @@
         >
           <RenderComponent
               v-if="rowProps.col.component"
-              :row-props="rowProps"
+              :params="[rowProps.row]"
+              :component="rowProps.col.component"
+              :text="rowProps.value"
               @action="$emit('action', $event)"
           />
           <div v-else-if="rowProps.col.fieldList">

package/src/components/ActionTable/RenderComponent.vue

@@ -1,22 +1,37 @@
 <template>
   <Component
-    :is="component.is"
-    v-bind="component.props"
-    @action="$emit('action', $event)"
-  >{{ component.value || component.props?.text || rowProps.value }}</Component>
+      :is="resolvedComponent.is"
+      v-bind="{...resolvedComponent.props, ...overrideProps}"
+      @action="$emit('action', $event)"
+  >{{ resolvedComponent.value || resolvedComponent.props?.text || text }}</Component>
 </template>
 <script setup>
-import { computed } from "vue";
+import { computed } from 'vue';
 
-defineEmits(["action"]);
+defineEmits(['action']);
 const props = defineProps({
-  rowProps: {
-    type: Object,
+  component: {
+    type: [Function, Object],
     required: true
+  },
+  params: {
+    type: Array,
+    default: () => []
+  },
+  text: {
+    type: String,
+    default: ''
+  },
+  overrideProps: {
+    type: Object,
+    default: () => ({})
   }
 });
 
-const component = computed(() => {
-  return props.rowProps.col.component(props.rowProps.row);
+const resolvedComponent = computed(() => {
+  if (typeof props.component === 'function') {
+    return props.component(...props.params);
+  }
+  return props.component;
 });
 </script>

package/src/components/ActionTable/listActions.ts

@@ -252,10 +252,10 @@ export function useListActions(name: string, {
         return result;
     }
 
-    // The active ad for viewing / editing in the Ad Form
+    // The active ad for viewing / editing
     const activeItem = ref(null);
-    // Controls the tab on the Ad Form
-    const formTab = ref("general");
+    // Controls the active panel (ie: tab) if rendering a panels drawer or similar
+    const activePanel = ref(null);
 
     /**
      * Gets the additional details for the currently active item.
@@ -293,7 +293,7 @@ export function useListActions(name: string, {
      */
     function openItemForm(item, tab) {
         activeItem.value = item;
-        formTab.value = tab;
+        activePanel.value = tab;
     }
 
     /**
@@ -357,7 +357,7 @@ export function useListActions(name: string, {
         quasarPagination,
         isApplyingActionToItem,
         activeItem,
-        formTab,
+        activePanel,
 
         // Actions
         initialize,