quasar-ui-danx 0.0.42 → 0.0.43

package/package.json

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

package/src/components/ActionTable/ActionTable.vue

@@ -56,12 +56,14 @@
             :style="getColumnStyle(rowProps.col)"
             @click="() => rowProps.col.onClick && rowProps.col.onClick(rowProps.row)"
         >
+          <RenderVNode
+              v-if="rowProps.col.vnode"
+              :vnode="rowProps.col.vnode(rowProps.row)"
+          />
           <RenderComponent
-              v-if="rowProps.col.component"
+              v-else-if="rowProps.col.component"
               :params="[rowProps.row]"
               :component="rowProps.col.component"
-              :text="rowProps.value"
-              @action="action => $emit('action', {action,target: rowProps.row})"
           />
           <div v-else-if="rowProps.col.fieldList">
             <div v-for="field in rowProps.col.fieldList" :key="field">
@@ -95,10 +97,10 @@ import { ref } from 'vue';
 import { getItem, setItem } from '../../helpers';
 import { DragHandleIcon as RowResizeIcon } from '../../svg';
 import { HandleDraggable } from '../DragAndDrop';
-import { ActionInputComponent, mapSortBy, RenderComponent } from '../index';
+import { ActionInputComponent, mapSortBy, RenderComponent, RenderVNode } from '../index';
 import { ActionMenu, EmptyTableState, registerStickyScrolling, TableSummaryRow } from './index';
 
-defineEmits(['action', 'filter', 'update:quasar-pagination', 'update:selected-rows']);
+defineEmits(['action', 'update:quasar-pagination', 'update:selected-rows']);
 const props = defineProps({
   name: {
     type: String,

package/src/components/ActionTable/listControls.ts

@@ -259,11 +259,11 @@ export function useListControls(name: string, {
      * Opens the item's form with the given item and tab
      *
      * @param item
-     * @param tab
+     * @param panel
      */
-    function openItemForm(item, tab) {
+    function activatePanel(item, panel) {
         activeItem.value = item;
-        activePanel.value = tab;
+        activePanel.value = panel;
     }
 
     /**
@@ -336,7 +336,7 @@ export function useListControls(name: string, {
         loadMore,
         refreshAll,
         getNextItem,
-        openItemForm,
+        activatePanel,
         applyFilterFromUrl,
         setItemInPagedList
     };

package/src/components/Utility/Tools/RenderComponent.vue

@@ -25,17 +25,13 @@ const props = defineProps({
     type: Array,
     default: () => []
   },
-  text: {
-    type: String,
-    default: undefined
-  },
   overrideProps: {
     type: Object,
     default: () => ({})
   }
 });
 
-const content = computed(() => resolvedComponent.value?.value || resolvedComponent.value?.props?.text || props.text);
+const content = computed(() => resolvedComponent.value?.value || resolvedComponent.value?.props?.text);
 const resolvedComponent = computed(() => {
   if (typeof props.component === 'function') {
     return props.component(...props.params);

package/src/components/Utility/Tools/RenderVNode.vue

@@ -0,0 +1,6 @@
+<script>
+const RenderVNode = (props) => props.vnode;
+RenderVNode.props = { vnode: { type: Object, required: true } };
+RenderVNode.emits = ['action'];
+export default RenderVNode;
+</script>

package/src/components/Utility/Tools/index.ts

@@ -1,2 +1,3 @@
 export { default as ActionInputComponent } from "./ActionInputComponent.vue";
 export { default as RenderComponent } from "./RenderComponent.vue";
+export { default as RenderVNode } from "./RenderVNode.vue";

package/src/helpers/actions.ts

@@ -183,6 +183,5 @@ async function onConfirmAction(action: ActionOptions, target: object[] | object,
         action.onFinish(result, target, input);
     }
 
-    console.log("onConrirm result", result);
     return result;
 }