From 0b71825914510dedf25d64489f7ba2cdcf69917d Mon Sep 17 00:00:00 2001
From: zhouyun <zhouyun1@xiaomi.com>
Date: Fri, 13 Sep 2024 09:57:57 +0800
Subject: [PATCH] =?UTF-8?q?style(table):=20=E4=BC=98=E5=8C=96=20resizable?=
 =?UTF-8?q?=20=E6=A8=A1=E5=BC=8F=E4=B8=8B=E5=88=97=20hover=20=E6=97=B6?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=20(#2996)=20(#2997)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .changeset/clean-beans-sniff.md         |  5 +++++
 .changeset/clever-donuts-smash.md       |  5 +++++
 packages/ui/table/src/styles/table.scss | 11 ++++++++++-
 3 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/clean-beans-sniff.md
 create mode 100644 .changeset/clever-donuts-smash.md

diff --git a/.changeset/clean-beans-sniff.md b/.changeset/clean-beans-sniff.md
new file mode 100644
index 000000000..57ae9b6a2
--- /dev/null
+++ b/.changeset/clean-beans-sniff.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/hiui": patch
+---
+
+style(table): 优化 resizable 模式下列 hover 时样式
diff --git a/.changeset/clever-donuts-smash.md b/.changeset/clever-donuts-smash.md
new file mode 100644
index 000000000..b3ca9c0fb
--- /dev/null
+++ b/.changeset/clever-donuts-smash.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/table": patch
+---
+
+style: 优化 resizable 模式下列 hover 时样式
diff --git a/packages/ui/table/src/styles/table.scss b/packages/ui/table/src/styles/table.scss
index 3fbe2b8f1..95decfd04 100644
--- a/packages/ui/table/src/styles/table.scss
+++ b/packages/ui/table/src/styles/table.scss
@@ -193,6 +193,14 @@ $emptyContent: '#{$component-prefix}-table-body-empty-content' !default;
       position: relative;
       background-clip: padding-box;
 
+      &:hover {
+        background-color: use-color('gray', 200);
+
+        .#{$prefix}-header__resizable-handle {
+          border-left-color: use-color('gray', 200);
+        }
+      }
+
       &-handle {
         box-sizing: content-box;
         position: absolute;
@@ -208,8 +216,9 @@ $emptyContent: '#{$component-prefix}-table-body-empty-content' !default;
           display: none;
         }
 
-        .#{$prefix}-header__resizable:hover & {
+        &:hover {
           background-color: use-color-mode('primary');
+          border-left-color: use-color('gray', 200);
         }
       }
     }