lq/lgp-admin-plus
1
0
Fork 0
Code Issues Pull Requests Actions 4 Packages Projects Releases Wiki Activity

fix(@vben-core/shadcn-ui): 补全 ScrollArea onScroll 滚动事件透传 (#8069)

Browse Source
This commit is contained in:
yshbyy
2026-06-18 16:10:21 +08:00
committed by GitHub
parent dc3466d77a
commit 45399d0299
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/@core/ui-kit/shadcn-ui/src/ui/scroll-area/ScrollArea.vue
View File

@@ -11,10 +11,13 @@ import { ScrollAreaCorner, ScrollAreaRoot, ScrollAreaViewport } from 'reka-ui';
import ScrollBar from './ScrollBar.vue'; import ScrollBar from './ScrollBar.vue';
const props = defineProps< 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> </script>
<template> <template>
@@ -27,6 +30,7 @@ const delegatedProps = reactiveOmit(props, 'class');
as-child as-child
data-slot="scroll-area-viewport" data-slot="scroll-area-viewport"
class="h-full w-full rounded-[inherit] focus:outline-hidden" class="h-full w-full rounded-[inherit] focus:outline-hidden"
@scroll="props.onScroll"
> >
<slot></slot> <slot></slot>
</ScrollAreaViewport> </ScrollAreaViewport>