From 0e2fbc5a4005a5ec96a9e6d8ccdb61496f06c22a Mon Sep 17 00:00:00 2001
From: t8y2 <1156263951@qq.com>
Date: Fri, 8 May 2026 21:44:56 +0800
Subject: [PATCH] feat: show sort hint icon on column header hover (#165)

---
 src/components/grid/DataGrid.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/grid/DataGrid.vue b/src/components/grid/DataGrid.vue
index ad5a7de5f3..0f2855b5b6 100644
--- a/src/components/grid/DataGrid.vue
+++ b/src/components/grid/DataGrid.vue
@@ -10,6 +10,7 @@ import { useI18n } from "vue-i18n";
 import {
   ArrowUp,
   ArrowDown,
+  ArrowUpDown,
   Download,
   Plus,
   Trash2,
@@ -1433,7 +1434,7 @@ defineExpose({
                         :style="{ width: `var(--col-w-${colIdx})` }"
                         @click="toggleSort(col, colIdx)"
                       >
-                        <span class="flex min-w-0 items-center gap-1 overflow-hidden">
+                        <span class="flex min-w-0 items-center gap-1 overflow-hidden group">
                           <span class="min-w-0 truncate">{{ col }}</span>
                           <ArrowUp
                             v-if="sortCol === col && sortColIndex === colIdx && sortDir === 'asc'"
@@ -1443,6 +1444,10 @@ defineExpose({
                             v-else-if="sortCol === col && sortColIndex === colIdx && sortDir === 'desc'"
                             class="h-3 w-3 shrink-0"
                           />
+                          <ArrowUpDown
+                            v-else
+                            class="h-3 w-3 shrink-0 opacity-0 group-hover:opacity-30 transition-opacity"
+                          />
                         </span>
                         <div
                           class="absolute right-0 top-0 bottom-0 w-1.5 cursor-col-resize hover:bg-primary/30"