From 45399d0299ff8cc0d32c68dc3b78e6115f0197aa Mon Sep 17 00:00:00 2001
From: yshbyy <401973712@qq.com>
Date: Thu, 18 Jun 2026 16:10:21 +0800
Subject: [PATCH] =?UTF-8?q?fix(@vben-core/shadcn-ui):=20=E8=A1=A5=E5=85=A8?=
 =?UTF-8?q?=20ScrollArea=20onScroll=20=E6=BB=9A=E5=8A=A8=E4=BA=8B=E4=BB=B6?=
 =?UTF-8?q?=E9=80=8F=E4=BC=A0=20(#8069)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ui-kit/shadcn-ui/src/ui/scroll-area/ScrollArea.vue    | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/@core/ui-kit/shadcn-ui/src/ui/scroll-area/ScrollArea.vue b/packages/@core/ui-kit/shadcn-ui/src/ui/scroll-area/ScrollArea.vue
index eff321ebe..b7dc6a1b6 100644
--- a/packages/@core/ui-kit/shadcn-ui/src/ui/scroll-area/ScrollArea.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/ui/scroll-area/ScrollArea.vue
@@ -11,10 +11,13 @@ import { ScrollAreaCorner, ScrollAreaRoot, ScrollAreaViewport } from 'reka-ui';
 import ScrollBar from './ScrollBar.vue';
 
 const props = defineProps<
-  ScrollAreaRootProps & { class?: HTMLAttributes['class'] }
+  ScrollAreaRootProps & {
+    class?: HTMLAttributes['class'];
+    onScroll?: (event: Event) => void;
+  }
 >();
 
-const delegatedProps = reactiveOmit(props, 'class');
+const delegatedProps = reactiveOmit(props, 'class', 'onScroll');
 </script>
 
 <template>
@@ -27,6 +30,7 @@ const delegatedProps = reactiveOmit(props, 'class');
       as-child
       data-slot="scroll-area-viewport"
       class="h-full w-full rounded-[inherit] focus:outline-hidden"
+      @scroll="props.onScroll"
     >
       <slot></slot>
     </ScrollAreaViewport>