fix(client): handling data duplication when the list is too short

Kinplemelon · ysfscream · commit 5dd4d87a6158 · 2024-07-04T14:41:19.000+08:00
diff --git a/src/views/Clients/components/MessageListDialog.vue b/src/views/Clients/components/MessageListDialog.vue
@@ -229,7 +229,7 @@ const showPayload = ({ topic, payload }: MsgItem) => {
 }
 
 const handleScroll = debounce(async (scrollArg: any) => {
-  if (!isUndefined(scrollArg?.scrollTop)) {
+  if (!isUndefined(scrollArg?.scrollTop) && scrollArg.scrollTop > 0) {
     scrollTop.value = scrollArg.scrollTop
     if (totalLength.value && isScrollToBottom.value) {
       getList()

Original file line number	Diff line number	Diff line change
`@@ -229,7 +229,7 @@ const showPayload = ({ topic, payload }: MsgItem) => {`
`229`	`229`	`}`
`230`	`230`
`231`	`231`	`const handleScroll = debounce(async (scrollArg: any) => {`
`232`		`- if (!isUndefined(scrollArg?.scrollTop)) {`
	`232`	`+ if (!isUndefined(scrollArg?.scrollTop) && scrollArg.scrollTop > 0) {`
`233`	`233`	`scrollTop.value = scrollArg.scrollTop`
`234`	`234`	`if (totalLength.value && isScrollToBottom.value) {`
`235`	`235`	`getList()`