bug fixed #467

Author: huangshuwei

CHANGE-LOG.md

@@ -7,6 +7,20 @@ Vx.x.x(TPL)
 -   Style changes
 -   Dependencies Changes
 
+V2.15.1
+
+### Bug Fixes
+
+-   Fix the bug that multiple tables have fixed columns, and only one is effective #467
+-   Fix the bug that multiple right-click menu component options are suspended and only one takes effect
+
+---
+
+### Bug Fixes
+
+-   修复多个表格包含固定列功能，只有一个生效的问题 #467
+-   修复多个右键菜单选项悬浮，只有一个生效的问题
+
 V2.15.0
 
 ### Feature

packages/ve-contextmenu/src/index.jsx

@@ -224,7 +224,7 @@ export default {
         },
 
         // create panel by hover
-        createPanelByHover: debounce(function ({ event, menu }) {
+        createPanelByHover({ event, menu }) {
             const { internalOptions, panelOptions } = this;
 
             // 如果被移除则不创建
@@ -279,7 +279,7 @@ export default {
                     });
                 });
             }
-        }, 300),
+        },
 
         // create panels option
         createPanelOptions({ options, currentMenu }) {
@@ -549,6 +549,14 @@ export default {
         },
     },
 
+    created() {
+        // bug fixed #467
+        this.debounceCreatePanelByHover = debounce(
+            this.createPanelByHover,
+            300,
+        );
+    },
+
     mounted() {
         this.addRootContextmenuPanelToBody();
     },
@@ -564,7 +572,7 @@ export default {
             activeMenuIds,
             hasChildren,
             emptyContextmenuPanels,
-            createPanelByHover,
+            debounceCreatePanelByHover,
         } = this;
 
         const contextmenuProps = {
@@ -625,10 +633,12 @@ export default {
                                                 mouseover: (event) => {
                                                     // disable
                                                     if (!menu.disabled) {
-                                                        createPanelByHover({
-                                                            event,
-                                                            menu,
-                                                        });
+                                                        debounceCreatePanelByHover(
+                                                            {
+                                                                event,
+                                                                menu,
+                                                            },
+                                                        );
                                                     }
                                                 },
                                                 click: () => {

packages/ve-table/src/index.jsx

@@ -645,14 +645,14 @@ export default {
             this.footerRows.splice(rowIndex, 1, { rowHeight: height });
         },
 
-        // td width change
-        tdWidthChange: debounce(function (colWidths) {
+        tdWidthChange(colWidths) {
+            console.log("colWidths::", colWidths);
             this.colgroups = this.colgroups.map((item) => {
                 // map
                 item._realTimeWidth = colWidths.get(item.key);
                 return item;
             });
-        }, 0),
+        },
 
         // update colgroups by sort change
         updateColgroupsBySortChange(sortColumns) {
@@ -1958,6 +1958,10 @@ export default {
             this.highlightRowKey = rowKey;
         },
     },
+    created() {
+        // bug fixed #467
+        this.debouncedTdWidthChange = debounce(this.tdWidthChange, 0);
+    },
     mounted() {
         this.parentRendered = true;
 
@@ -2041,7 +2045,7 @@ export default {
             fixedHeader,
             fixedFooter,
             actualRenderTableData,
-            tdWidthChange,
+            debouncedTdWidthChange,
             expandOption,
             checkboxOption,
             radioOption,
@@ -2105,7 +2109,7 @@ export default {
                 showVirtualScrollingPlaceholder,
             },
             on: {
-                [EMIT_EVENTS.BODY_TD_WIDTH_CHANGE]: tdWidthChange,
+                [EMIT_EVENTS.BODY_TD_WIDTH_CHANGE]: debouncedTdWidthChange,
                 [EMIT_EVENTS.HIGHLIGHT_ROW_CHANGE]:
                     this[INSTANCE_METHODS.SET_HIGHLIGHT_ROW],
             },