perf(Table): improve lock column table scroll performance, close #4058 (

#4254) Co-authored-by: 林俊 <[email protected]>
alibaba-fusion · Feb 23, 2023 · 45ae326 · 45ae326
1 parent 5f8d6e8
commit 45ae326
Showing 1 changed file with 19 additions and 10 deletions.
diff --git a/src/table/fixed.jsx b/src/table/fixed.jsx
@@ -110,16 +110,25 @@ export default function fixed(BaseComponent, stickyLock) {
                 const leftFunc = scrollToRightEnd ? 'removeClass' : 'addClass';
                 dom[leftFunc](table, `${prefix}table-scrolling-to-right`);
             }
-            if (current.currentTarget !== current.target) {
-                return;
-            }
-            if (currentTarget === bodyNode) {
-                if (headerNode && scrollLeft !== headerNode.scrollLeft) {
-                    headerNode.scrollLeft = scrollLeft;
-                }
-            } else if (currentTarget === headerNode) {
-                if (bodyNode && scrollLeft !== bodyNode.scrollLeft) {
-                    bodyNode.scrollLeft = scrollLeft;
+
+            // 通过定时器避免重复设置表格的左滚动距离
+            if (!this.scrollTarget || this.scrollTarget === currentTarget) {
+                this.scrollTarget = currentTarget;
+                window.clearTimeout(this.timeoutId);
+
+                this.timeoutId = window.setTimeout(() => {
+                    this.scrollTarget = null;
+                    this.timeoutId = undefined;
+                }, 100);
+
+                if (currentTarget === bodyNode) {
+                    if (headerNode && scrollLeft !== headerNode.scrollLeft) {
+                        headerNode.scrollLeft = scrollLeft;
+                    }
+                } else if (currentTarget === headerNode) {
+                    if (bodyNode && scrollLeft !== bodyNode.scrollLeft) {
+                        bodyNode.scrollLeft = scrollLeft;
+                    }
                 }
             }
         };