github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: sticky scrollbar show when init

pull/5440/head
tangjinzhou 2022-03-30 23:15:42 +08:00
parent 9004644738
commit a298b00052
1 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
components/vc-table/stickyScrollBar.tsx
View File

@ -13,7 +13,10 @@ interface StickyScrollBarProps {
onScroll: (params: { scrollLeft?: number }) => void; onScroll: (params: { scrollLeft?: number }) => void;
offsetScroll: number; offsetScroll: number;
container: HTMLElement | Window; container: HTMLElement | Window;
scrollBodySizeInfo: { scrollWidth: number; clientWidth: number }; scrollBodySizeInfo: {
scrollWidth: number;
clientWidth: number;
};
} }
export default defineComponent<StickyScrollBarProps>({ export default defineComponent<StickyScrollBarProps>({
@ -40,7 +43,7 @@ export default defineComponent<StickyScrollBarProps>({
const [scrollState, setScrollState] = useLayoutState({ const [scrollState, setScrollState] = useLayoutState({
scrollLeft: 0, scrollLeft: 0,
isHiddenScrollBar: false, isHiddenScrollBar: true,
}); });
const refState = ref({ const refState = ref({
@ -135,13 +138,17 @@ export default defineComponent<StickyScrollBarProps>({
onResizeListener = addEventListenerWrap(window, 'resize', onContainerScroll, false); onResizeListener = addEventListenerWrap(window, 'resize', onContainerScroll, false);
}); });
watch( onMounted(() => {
[scrollBarWidth, isActive], setTimeout(() => {
() => { watch(
onContainerScroll(); [scrollBarWidth, isActive],
}, () => {
{ immediate: true }, onContainerScroll();
); },
{ immediate: true, flush: 'post' },
);
});
});
watch( watch(
() => props.container, () => props.container,