quasar-ui-danx 0.0.18 → 0.0.19

package/package.json

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

package/src/components/ActionTable/ActionTable.vue

@@ -49,27 +49,27 @@
     </template>
     <template #body-cell="rowProps">
       <q-td :key="rowProps.key" :props="rowProps">
-        <template v-if="rowProps.col.component">
-          <RenderComponentColumn
-              :row-props="rowProps"
-              @action="$emit('action', $event)"
-          />
-        </template>
-        <template v-else-if="rowProps.col.fieldList">
-          <div v-for="field in rowProps.col.fieldList" :key="field">
-            {{ rowProps.row[field] }}
-          </div>
-        </template>
-        <template v-else-if="rowProps.col.filterOnClick">
-          <a @click="$emit('filter', rowProps.col.filterOnClick(rowProps.row))">
-            {{ rowProps.value }}
-          </a>
-        </template>
-        <template v-else>
-          <slot v-bind="{name: rowProps.col.name, row: rowProps.row, value: rowProps.value}">
-            {{ rowProps.value }}
-          </slot>
-        </template>
+        <component
+            :is="rowProps.col.onClick ? 'a' : 'div'"
+            @click="() => rowProps.col.onClick && rowProps.col.onClick(rowProps.row)"
+        >
+          <template v-if="rowProps.col.component">
+            <RenderComponent
+                :row-props="rowProps"
+                @action="$emit('action', $event)"
+            />
+          </template>
+          <template v-else-if="rowProps.col.fieldList">
+            <div v-for="field in rowProps.col.fieldList" :key="field">
+              {{ rowProps.row[field] }}
+            </div>
+          </template>
+          <template v-else>
+            <slot v-bind="{name: rowProps.col.name, row: rowProps.row, value: rowProps.value}">
+              {{ rowProps.value }}
+            </slot>
+          </template>
+        </component>
       </q-td>
     </template>
   </q-table>
@@ -77,7 +77,7 @@
 
 <script setup>
 import { ref } from 'vue';
-import { EmptyTableState, registerStickyScrolling, RenderComponentColumn, TableSummaryRow } from '.';
+import { EmptyTableState, registerStickyScrolling, RenderComponent, TableSummaryRow } from '.';
 import { DragHandleIcon as RowResizeIcon } from '../../svg';
 import { HandleDraggable } from '../DragAndDrop';
 

package/src/components/ActionTable/index.ts

@@ -6,5 +6,5 @@ export * from "./tableColumns";
 export { default as ActionTable } from "./ActionTable.vue";
 export { default as BatchActionMenu } from "./BatchActionMenu.vue";
 export { default as EmptyTableState } from "./EmptyTableState.vue";
-export { default as RenderComponentColumn } from "./RenderComponentColumn.vue";
+export { default as RenderComponent } from "src/components/ActionTable/RenderComponent.vue";
 export { default as TableSummaryRow } from "./TableSummaryRow.vue";

package/src/components/Utility/FlatList.vue

@@ -0,0 +1,19 @@
+<template>
+  <ul>
+    <li v-for="item in items" :key="item[column]">
+      {{ item[column] }}
+    </li>
+  </ul>
+</template>
+<script setup>
+defineProps({
+  items: {
+    type: Array,
+    required: true
+  },
+  column: {
+    type: String,
+    required: true
+  }
+});
+</script>

package/src/components/Utility/RefreshButton.vue

@@ -0,0 +1,16 @@
+<template>
+  <QBtn
+    class="bg-neutral-plus-6"
+    :loading="loading"
+  >
+    <RefreshIcon class="w-5" />
+  </QBtn>
+</template>
+<script setup>
+import { RefreshIcon } from "@heroicons/vue/solid";
+
+defineEmits(["refresh"]);
+defineProps({
+  loading: Boolean
+});
+</script>