@polymarbot/nuxt-layer-shadcn-ui 0.7.3 → 0.7.5

package/app/components/ui/DataTable/index.vue

@@ -5,7 +5,6 @@ import {
   Table,
   TableBody,
   TableCell,
-  TableEmpty,
   TableFooter,
   TableHead,
   TableHeader,
@@ -437,24 +436,29 @@ defineExpose({
           </TableRow>
         </template>
 
-        <TableEmpty
+        <TableRow
           v-else-if="!loading"
-          :colspan="totalColumns"
+          data-virtual-row
+          class="hover:bg-transparent"
         >
-          <slot name="empty">
-            <div
-              class="gap-2 text-muted-foreground flex flex-col items-center"
-            >
-              <Icon
-                name="inbox"
-                class="size-8"
-              />
-              <span class="text-sm">
-                {{ T('empty') }}
-              </span>
+          <TableCell :colspan="totalColumns">
+            <div class="py-10 flex items-center justify-center">
+              <slot name="empty">
+                <div
+                  class="gap-2 text-muted-foreground flex flex-col items-center"
+                >
+                  <Icon
+                    name="inbox"
+                    class="size-8"
+                  />
+                  <span class="text-sm">
+                    {{ T('empty') }}
+                  </span>
+                </div>
+              </slot>
             </div>
-          </slot>
-        </TableEmpty>
+          </TableCell>
+        </TableRow>
 
         <!-- Bottom body slot (e.g. infinite-scroll trigger / "all loaded") -->
         <TableRow
@@ -515,7 +519,7 @@ defineExpose({
   --cell-bg: var(--color-card);
 }
 
-:deep(tbody tr:hover) {
+:deep(tbody tr:not([data-virtual-row]):hover) {
   --cell-bg: var(--color-muted);
 }
 

package/app/components/ui/InfiniteDataTable/index.vue

@@ -207,32 +207,32 @@ onMounted(() => {
     <template #footer>
       <slot name="footer">
         <div class="gap-2 text-xs flex items-center justify-between">
+          <span
+            v-if="total != null"
+            class="text-muted-foreground"
+          >
+            {{ T('count', { loaded: internalData.length, total }) }}
+          </span>
           <div class="gap-2 flex items-center">
-            <Tooltip :text="T('refresh')">
+            <Tooltip :text="T('scrollToTop')">
               <Button
                 variant="ghost"
                 size="icon-sm"
-                icon="rotate-cw"
-                :disabled="loading"
-                @click="refresh"
+                icon="arrow-up-to-line"
+                :disabled="loading || internalData.length === 0"
+                @click="scrollToTop"
               />
             </Tooltip>
-            <Tooltip :text="T('scrollToTop')">
+            <Tooltip :text="T('refresh')">
               <Button
                 variant="ghost"
                 size="icon-sm"
-                icon="arrow-up-to-line"
-                :disabled="loading || internalData.length === 0"
-                @click="scrollToTop"
+                icon="rotate-cw"
+                :disabled="loading"
+                @click="refresh"
               />
             </Tooltip>
           </div>
-          <span
-            v-if="total != null"
-            class="text-muted-foreground"
-          >
-            {{ T('count', { loaded: internalData.length, total }) }}
-          </span>
         </div>
       </slot>
     </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@polymarbot/nuxt-layer-shadcn-ui",
-  "version": "0.7.3",
+  "version": "0.7.5",
   "description": "Nuxt layer providing shadcn-vue based UI components",
   "type": "module",
   "main": "./nuxt.config.ts",
@@ -42,5 +42,5 @@
     "vue-i18n": "^11",
     "vue-router": "^4 || ^5"
   },
-  "gitHead": "1cf78baf22c9e3479a08b872135040bc3d9a94d5"
+  "gitHead": "30f6ac393aad4980ad4a01e84597b0769566ec9e"
 }