vxe-table 3.14.1 → 3.14.3

package/es/table/module/menu/mixin.js

@@ -3,7 +3,7 @@ import { VxeUI } from '../../../ui';
 import { getDomNode, getAbsolutePos, getEventTargetNode } from '../../../ui/src/dom';
 import { isEnableConf, hasChildrenList } from '../../../ui/src/utils';
 import { warnLog } from '../../../ui/src/log';
-const { menus } = VxeUI;
+const { menus, globalEvents, GLOBAL_EVENT_KEYS } = VxeUI;
 export default {
     methods: {
         /**
@@ -19,10 +19,11 @@ export default {
             return this.$nextTick();
         },
         // 处理菜单的移动
-        moveCtxMenu(evnt, keyCode, ctxMenuStore, property, operKey, operRest, menuList) {
+        moveCtxMenu(evnt, ctxMenuStore, property, hasOper, operRest, menuList) {
+            const $xeTable = this;
             let selectItem;
             const selectIndex = XEUtils.findIndexOf(menuList, item => ctxMenuStore[property] === item);
-            if (keyCode === operKey) {
+            if (hasOper) {
                 if (operRest && hasChildrenList(ctxMenuStore.selected)) {
                     ctxMenuStore.showChild = true;
                 }
@@ -31,7 +32,7 @@ export default {
                     ctxMenuStore.selectChild = null;
                 }
             }
-            else if (keyCode === 38) {
+            else if (globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_UP)) {
                 for (let len = selectIndex - 1; len >= 0; len--) {
                     if (menuList[len].visible !== false) {
                         selectItem = menuList[len];
@@ -40,7 +41,7 @@ export default {
                 }
                 ctxMenuStore[property] = selectItem || menuList[menuList.length - 1];
             }
-            else if (keyCode === 40) {
+            else if (globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ARROW_DOWN)) {
                 for (let index = selectIndex + 1; index < menuList.length; index++) {
                     if (menuList[index].visible !== false) {
                         selectItem = menuList[index];
@@ -49,8 +50,8 @@ export default {
                 }
                 ctxMenuStore[property] = selectItem || menuList[0];
             }
-            else if (ctxMenuStore[property] && (keyCode === 13 || keyCode === 32)) {
-                this.ctxMenuLinkEvent(evnt, ctxMenuStore[property]);
+            else if (ctxMenuStore[property] && (globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ENTER) || globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.SPACEBAR))) {
+                $xeTable.ctxMenuLinkEvent(evnt, ctxMenuStore[property]);
             }
         },
         /**

package/es/table/src/methods.js

@@ -1,5 +1,5 @@
 import XEUtils from 'xe-utils';
-import { browse, getTpImg, isPx, isScale, hasClass, addClass, removeClass, getEventTargetNode, getPaddingTopBottomSize, getOffsetPos, setScrollTop, setScrollLeft, toCssUnit } from '../../ui/src/dom';
+import { getTpImg, isPx, isScale, hasClass, addClass, removeClass, getEventTargetNode, getPaddingTopBottomSize, getOffsetPos, setScrollTop, setScrollLeft, toCssUnit } from '../../ui/src/dom';
 import { getLastZIndex, nextZIndex, hasChildrenList, getFuncText, isEnableConf, formatText, eqEmptyValue } from '../../ui/src/utils';
 import { VxeUI } from '../../ui';
 import Cell from './cell';
@@ -7,6 +7,7 @@ import { getRowUniqueId, clearTableAllStatus, getRowkey, getRowid, rowToVisible,
 import { getSlotVNs } from '../../ui/src/vn';
 import { warnLog, errLog } from '../../ui/src/log';
 const { getConfig, getI18n, renderer, formats, interceptor, createEvent } = VxeUI;
+const browseObj = XEUtils.browse();
 const supportMaxRow = 5e6;
 const customStorageKey = 'VXE_CUSTOM_STORE';
 const maxYHeight = 5e6;
@@ -467,11 +468,11 @@ function updateStyle($xeTable) {
     }
     if (xLeftCornerEl) {
         xLeftCornerEl.style.width = scrollbarXToTop ? `${osbWidth}px` : '';
-        xLeftCornerEl.style.display = scrollbarXToTop ? (osbWidth && osbHeight ? 'block' : '') : '';
+        xLeftCornerEl.style.display = scrollbarXToTop ? (overflowX && osbHeight ? 'block' : '') : '';
     }
     if (xRightCornerEl) {
         xRightCornerEl.style.width = scrollbarXToTop ? '' : `${osbWidth}px`;
-        xRightCornerEl.style.display = scrollbarXToTop ? '' : (osbWidth && osbHeight ? 'block' : '');
+        xRightCornerEl.style.display = scrollbarXToTop ? '' : (overflowX && osbHeight ? 'block' : '');
     }
     const scrollYVirtualEl = $xeTable.$refs.refScrollYVirtualElem;
     if (scrollYVirtualEl) {
@@ -482,7 +483,7 @@ function updateStyle($xeTable) {
     const yTopCornerEl = $xeTable.$refs.refScrollYTopCornerElem;
     if (yTopCornerEl) {
         yTopCornerEl.style.height = `${headerHeight}px`;
-        yTopCornerEl.style.display = headerHeight ? 'block' : '';
+        yTopCornerEl.style.display = overflowY && headerHeight ? 'block' : '';
     }
     const yWrapperEl = $xeTable.$refs.refScrollYWrapperElem;
     if (yWrapperEl) {
@@ -493,7 +494,7 @@ function updateStyle($xeTable) {
     if (yBottomCornerEl) {
         yBottomCornerEl.style.height = `${footerHeight}px`;
         yBottomCornerEl.style.top = `${headerHeight + bodyHeight}px`;
-        yBottomCornerEl.style.display = footerHeight ? 'block' : '';
+        yBottomCornerEl.style.display = overflowY && footerHeight ? 'block' : '';
     }
     const rowExpandEl = $xeTable.$refs.refRowExpandElem;
     if (rowExpandEl) {
@@ -614,7 +615,7 @@ function updateStyle($xeTable) {
                 if (tableElem) {
                     tableElem.style.width = tWidth ? `${tWidth}px` : '';
                     // 兼容性处理
-                    tableElem.style.paddingRight = osbWidth && fixedType && (browse['-moz'] || browse.safari) ? `${osbWidth}px` : '';
+                    tableElem.style.paddingRight = osbWidth && fixedType && (browseObj['-moz'] || browseObj.safari) ? `${osbWidth}px` : '';
                 }
                 const emptyBlockElem = getRefElem(elemStore[`${name}-${layout}-emptyBlock`]);
                 if (emptyBlockElem) {
@@ -1769,7 +1770,7 @@ function hideDropTip($xeTable) {
  * @param {Event} evnt 事件
  * @param {Row} row 行对象
  */
-function handleTooltip($xeTable, evnt, tdEl, overflowElem, params) {
+function handleTooltip($xeTable, evnt, tdEl, overflowElem, tipElem, params) {
     const reactData = $xeTable;
     const tipOverEl = overflowElem || tdEl;
     if (!tipOverEl) {
@@ -1783,7 +1784,8 @@ function handleTooltip($xeTable, evnt, tdEl, overflowElem, params) {
     const customContent = contentMethod ? contentMethod(params) : null;
     const useCustom = contentMethod && !XEUtils.eqNull(customContent);
     const content = useCustom ? customContent : XEUtils.toString(column.type === 'html' ? tipOverEl.innerText : tipOverEl.textContent).trim();
-    if (content && (showAll || useCustom || (tipOverEl.scrollWidth > tipOverEl.clientWidth))) {
+    const isOver = tipOverEl.scrollWidth > tipOverEl.clientWidth;
+    if (content && (showAll || useCustom || isOver)) {
         Object.assign(tooltipStore, {
             row,
             column,
@@ -1793,7 +1795,7 @@ function handleTooltip($xeTable, evnt, tdEl, overflowElem, params) {
         $xeTable.$nextTick(() => {
             const $tooltip = $xeTable.$refs.refTooltip;
             if ($tooltip && $tooltip.open) {
-                $tooltip.open(tipOverEl, formatText(content));
+                $tooltip.open(isOver ? tipOverEl : tipElem, formatText(content));
             }
         });
     }
@@ -5158,13 +5160,25 @@ const Methods = {
      */
     handleGlobalKeydownEvent(evnt) {
         const $xeTable = this;
+        const props = $xeTable;
         const internalData = $xeTable;
+        const reactData = $xeTable;
         const $xeGrid = $xeTable.$xeGrid;
         // 该行为只对当前激活的表格有效
-        if (this.isActivated) {
-            this.preventEvent(evnt, 'event.keydown', null, () => {
+        if (internalData.isActivated) {
+            $xeTable.preventEvent(evnt, 'event.keydown', null, () => {
+                const { mouseConfig, keyboardConfig, treeConfig, editConfig, highlightCurrentRow, highlightCurrentColumn } = props;
+                const { ctxMenuStore, editStore, currentRow } = reactData;
                 const { afterFullData } = internalData;
-                const { filterStore, isCtxMenu, ctxMenuStore, editStore, editOpts, editConfig, mouseConfig, mouseOpts, keyboardConfig, keyboardOpts, treeConfig, treeOpts, highlightCurrentRow, currentRow, bodyCtxMenu, rowOpts } = this;
+                const isMenu = $xeTable.computeIsMenu;
+                const bodyMenu = $xeTable.computeBodyMenu;
+                const keyboardOpts = $xeTable.computeKeyboardOpts;
+                const mouseOpts = $xeTable.computeMouseOpts;
+                const editOpts = $xeTable.computeEditOpts;
+                const treeOpts = $xeTable.computeTreeOpts;
+                const menuList = $xeTable.computeMenuList;
+                const rowOpts = $xeTable.computeRowOpts;
+                const columnOpts = $xeTable.computeColumnOpts;
                 const { selected, actived } = editStore;
                 const { keyCode } = evnt;
                 const hasBackspaceKey = keyCode === 8;
@@ -5184,37 +5198,49 @@ const Methods = {
                 const hasShiftKey = evnt.shiftKey;
                 const hasAltKey = evnt.altKey;
                 const operArrow = isLeftArrow || isUpArrow || isRightArrow || isDwArrow;
-                const operCtxMenu = isCtxMenu && ctxMenuStore.visible && (isEnter || isSpacebar || operArrow);
+                const operCtxMenu = isMenu && ctxMenuStore.visible && (isEnter || isSpacebar || operArrow);
                 const isEditStatus = isEnableConf(editConfig) && actived.column && actived.row;
                 const childrenField = treeOpts.children || treeOpts.childrenField;
                 const beforeEditMethod = editOpts.beforeEditMethod || editOpts.activeMethod;
-                if (filterStore.visible) {
-                    if (isEsc) {
-                        this.closeFilter();
-                    }
-                    return;
-                }
                 if (operCtxMenu) {
                     // 如果配置了右键菜单; 支持方向键操作、回车
                     evnt.preventDefault();
                     if (ctxMenuStore.showChild && hasChildrenList(ctxMenuStore.selected)) {
-                        this.moveCtxMenu(evnt, keyCode, ctxMenuStore, 'selectChild', 37, false, ctxMenuStore.selected.children);
+                        $xeTable.moveCtxMenu(evnt, ctxMenuStore, 'selectChild', isLeftArrow, false, ctxMenuStore.selected.children);
                     }
                     else {
-                        this.moveCtxMenu(evnt, keyCode, ctxMenuStore, 'selected', 39, true, this.ctxMenuList);
+                        $xeTable.moveCtxMenu(evnt, ctxMenuStore, 'selected', isRightArrow, true, menuList);
                     }
                 }
-                else if (keyboardConfig && mouseConfig && mouseOpts.area && this.handleKeyboardCellAreaEvent) {
-                    this.handleKeyboardCellAreaEvent(evnt);
+                else if (keyboardConfig && mouseConfig && mouseOpts.area && $xeTable.handleKeyboardCellAreaEvent) {
+                    $xeTable.handleKeyboardCellAreaEvent(evnt);
+                }
+                else if (isEsc) {
+                    // 如果按下了 Esc 键，关闭快捷菜单、筛选
+                    if ($xeTable.closeMenu) {
+                        $xeTable.closeMenu();
+                    }
+                    $xeTable.closeFilter();
+                    if (keyboardConfig && keyboardOpts.isEsc) {
+                        // 如果是激活编辑状态，则取消编辑
+                        if (actived.row) {
+                            const params = actived.args;
+                            $xeTable.handleClearEdit(evnt);
+                            // 如果配置了选中功能，则为选中状态
+                            if (mouseOpts.selected) {
+                                $xeTable.$nextTick(() => $xeTable.handleSelected(params, evnt));
+                            }
+                        }
+                    }
                 }
                 else if (keyboardConfig && isSpacebar && keyboardOpts.isChecked && selected.row && selected.column && (selected.column.type === 'checkbox' || selected.column.type === 'radio')) {
                     // 空格键支持选中复选框
                     evnt.preventDefault();
                     if (selected.column.type === 'checkbox') {
-                        this.handleToggleCheckRowEvent(evnt, selected.args);
+                        $xeTable.handleToggleCheckRowEvent(evnt, selected.args);
                     }
                     else {
-                        this.triggerRadioRowEvent(evnt, selected.args);
+                        $xeTable.triggerRadioRowEvent(evnt, selected.args);
                     }
                 }
                 else if (isF2 && isEnableConf(editConfig)) {
@@ -5223,13 +5249,13 @@ const Methods = {
                         if (selected.row && selected.column) {
                             evnt.stopPropagation();
                             evnt.preventDefault();
-                            this.handleEdit(selected.args, evnt);
+                            $xeTable.handleEdit(selected.args, evnt);
                         }
                     }
                 }
                 else if (isContextMenu) {
                     // 如果按下上下文键
-                    internalData._keyCtx = selected.row && selected.column && bodyCtxMenu.length;
+                    internalData._keyCtx = selected.row && selected.column && bodyMenu.length;
                     clearTimeout(internalData.keyCtxTimeout);
                     internalData.keyCtxTimeout = setTimeout(() => {
                         internalData._keyCtx = false;
@@ -5242,10 +5268,10 @@ const Methods = {
                         // 如果是激活编辑状态，则取消编辑
                         if (actived.row) {
                             const params = actived.args;
-                            this.handleClearEdit(evnt);
+                            $xeTable.handleClearEdit(evnt);
                             // 如果配置了选中功能，则为选中状态
                             if (mouseConfig && mouseOpts.selected) {
-                                this.$nextTick(() => this.handleSelected(params, evnt));
+                                $xeTable.$nextTick(() => $xeTable.handleSelected(params, evnt));
                             }
                         }
                     }
@@ -5255,15 +5281,15 @@ const Methods = {
                             const activeParams = selected.row ? selected.args : actived.args;
                             if (hasShiftKey) {
                                 if (keyboardOpts.enterToTab) {
-                                    this.moveTabSelected(activeParams, hasShiftKey, evnt);
+                                    $xeTable.moveTabSelected(activeParams, hasShiftKey, evnt);
                                 }
                                 else {
-                                    this.moveEnterSelected(activeParams, isLeftArrow, true, isRightArrow, false, evnt);
+                                    $xeTable.moveEnterSelected(activeParams, isLeftArrow, true, isRightArrow, false, evnt);
                                 }
                             }
                             else {
                                 if (keyboardOpts.enterToTab) {
-                                    this.moveTabSelected(activeParams, hasShiftKey, evnt);
+                                    $xeTable.moveTabSelected(activeParams, hasShiftKey, evnt);
                                 }
                                 else {
                                     const activeRow = selected.row || actived.row;
@@ -5292,7 +5318,7 @@ const Methods = {
                                                 return;
                                             }
                                         }
-                                        this.moveEnterSelected(activeParams, isLeftArrow, false, isRightArrow, true, evnt);
+                                        $xeTable.moveEnterSelected(activeParams, isLeftArrow, false, isRightArrow, true, evnt);
                                         if (enterMethod) {
                                             enterMethod(etrParams);
                                         }
@@ -5306,10 +5332,15 @@ const Methods = {
                             if (childrens && childrens.length) {
                                 evnt.preventDefault();
                                 const targetRow = childrens[0];
-                                const params = { $table: this, row: targetRow };
-                                this.setTreeExpand(currentRow, true)
-                                    .then(() => this.scrollToRow(targetRow))
-                                    .then(() => this.triggerCurrentRowEvent(evnt, params));
+                                const params = {
+                                    $table: $xeTable,
+                                    row: targetRow,
+                                    rowIndex: $xeTable.getRowIndex(targetRow),
+                                    $rowIndex: $xeTable.getVMRowIndex(targetRow)
+                                };
+                                $xeTable.setTreeExpand(currentRow, true)
+                                    .then(() => $xeTable.scrollToRow(targetRow))
+                                    .then(() => $xeTable.triggerCurrentRowEvent(evnt, params));
                             }
                         }
                     }
@@ -5317,18 +5348,28 @@ const Methods = {
                 else if (operArrow && keyboardConfig && keyboardOpts.isArrow) {
                     if (!isEditStatus) {
                         // 如果按下了方向键
-                        if (selected.row && selected.column) {
+                        if (mouseOpts.selected && selected.row && selected.column) {
                             $xeTable.moveArrowSelected(selected.args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt);
                         }
+                        else {
+                            // 当前行按键上下移动
+                            if ((isUpArrow || isDwArrow) && (rowOpts.isCurrent || highlightCurrentRow)) {
+                                $xeTable.moveCurrentRow(isUpArrow, isDwArrow, evnt);
+                            }
+                            // 当前行按键左右移动
+                            if ((isLeftArrow || isRightArrow) && (columnOpts.isCurrent || highlightCurrentColumn)) {
+                                $xeTable.moveCurrentColumn(isLeftArrow, isRightArrow, evnt);
+                            }
+                        }
                     }
                 }
                 else if (isTab && keyboardConfig && keyboardOpts.isTab) {
                     // 如果按下了 Tab 键切换
                     if (selected.row || selected.column) {
-                        this.moveTabSelected(selected.args, hasShiftKey, evnt);
+                        $xeTable.moveTabSelected(selected.args, hasShiftKey, evnt);
                     }
                     else if (actived.row || actived.column) {
-                        this.moveTabSelected(actived.args, hasShiftKey, evnt);
+                        $xeTable.moveTabSelected(actived.args, hasShiftKey, evnt);
                     }
                 }
                 else if (keyboardConfig && keyboardOpts.isDel && hasDeleteKey && isEnableConf(editConfig) && (selected.row || selected.column)) {
@@ -5337,10 +5378,10 @@ const Methods = {
                         const { delMethod } = keyboardOpts;
                         const params = {
                             row: selected.row,
-                            rowIndex: this.getRowIndex(selected.row),
+                            rowIndex: $xeTable.getRowIndex(selected.row),
                             column: selected.column,
-                            columnIndex: this.getColumnIndex(selected.column),
-                            $table: this,
+                            columnIndex: $xeTable.getColumnIndex(selected.column),
+                            $table: $xeTable,
                             $grid: $xeGrid
                         };
                         // 是否被禁用
@@ -5352,8 +5393,8 @@ const Methods = {
                                 setCellValue(selected.row, selected.column, null);
                             }
                             // 如果按下 del 键，更新表尾数据
-                            this.updateFooter();
-                            this.emitEvent('cell-delete-value', params, evnt);
+                            $xeTable.updateFooter();
+                            $xeTable.dispatchEvent('cell-delete-value', params, evnt);
                         }
                     }
                 }
@@ -5364,10 +5405,10 @@ const Methods = {
                         if (keyboardOpts.isDel && isEnableConf(editConfig) && (selected.row || selected.column)) {
                             const params = {
                                 row: selected.row,
-                                rowIndex: this.getRowIndex(selected.row),
+                                rowIndex: $xeTable.getRowIndex(selected.row),
                                 column: selected.column,
-                                columnIndex: this.getColumnIndex(selected.column),
-                                $table: this,
+                                columnIndex: $xeTable.getColumnIndex(selected.column),
+                                $table: $xeTable,
                                 $grid: $xeGrid
                             };
                             // 是否被禁用
@@ -5380,28 +5421,28 @@ const Methods = {
                                     if (editMode !== 'insert') {
                                         setCellValue(selected.row, selected.column, null);
                                     }
-                                    this.handleEdit(selected.args, evnt);
+                                    $xeTable.handleEdit(selected.args, evnt);
                                 }
-                                this.emitEvent('cell-backspace-value', params, evnt);
+                                $xeTable.dispatchEvent('cell-backspace-value', params, evnt);
                             }
                         }
                     }
                 }
                 else if (hasBackspaceKey && keyboardConfig && treeConfig && keyboardOpts.isBack && (rowOpts.isCurrent || highlightCurrentRow) && currentRow) {
                     // 如果树形表格回退键关闭当前行返回父节点
-                    const { parent: parentRow } = XEUtils.findTree(this.afterTreeFullData, item => item === currentRow, { children: childrenField });
+                    const { parent: parentRow } = XEUtils.findTree(internalData.afterTreeFullData, item => item === currentRow, { children: childrenField });
                     if (parentRow) {
                         evnt.preventDefault();
                         const params = {
                             row: parentRow,
-                            rowIndex: this.getRowIndex(parentRow),
-                            $rowIndex: this.getVMRowIndex(parentRow),
-                            $table: this,
+                            rowIndex: $xeTable.getRowIndex(parentRow),
+                            $rowIndex: $xeTable.getVMRowIndex(parentRow),
+                            $table: $xeTable,
                             $grid: $xeGrid
                         };
-                        this.setTreeExpand(parentRow, false)
-                            .then(() => this.scrollToRow(parentRow))
-                            .then(() => this.triggerCurrentRowEvent(evnt, params));
+                        $xeTable.setTreeExpand(parentRow, false)
+                            .then(() => $xeTable.scrollToRow(parentRow))
+                            .then(() => $xeTable.triggerCurrentRowEvent(evnt, params));
                     }
                 }
                 else if (keyboardConfig && keyboardOpts.isEdit && !hasCtrlKey && !hasMetaKey && (isSpacebar || (keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 96 && keyCode <= 111) || (keyCode >= 186 && keyCode <= 192) || (keyCode >= 219 && keyCode <= 222))) {
@@ -5415,10 +5456,10 @@ const Methods = {
                         const beforeEditMethod = editOpts.beforeEditMethod || editOpts.activeMethod;
                         const params = {
                             row: selected.row,
-                            rowIndex: this.getRowIndex(selected.row),
+                            rowIndex: $xeTable.getRowIndex(selected.row),
                             column: selected.column,
-                            columnIndex: this.getColumnIndex(selected.column),
-                            $table: this,
+                            columnIndex: $xeTable.getColumnIndex(selected.column),
+                            $table: $xeTable,
                             $grid: $xeGrid
                         };
                         if (!beforeEditMethod || beforeEditMethod(params)) {
@@ -5427,12 +5468,12 @@ const Methods = {
                             }
                             else {
                                 setCellValue(selected.row, selected.column, null);
-                                this.handleEdit(selected.args, evnt);
+                                $xeTable.handleEdit(selected.args, evnt);
                             }
                         }
                     }
                 }
-                this.emitEvent('keydown', {}, evnt);
+                $xeTable.dispatchEvent('keydown', {}, evnt);
             });
         }
     },
@@ -5540,7 +5581,7 @@ const Methods = {
             return;
         }
         if (tooltipStore.column !== column || !tooltipStore.visible) {
-            handleTooltip($xeTable, evnt, thEl, thEl.querySelector('.vxe-cell--title') || cellEl, params);
+            handleTooltip($xeTable, evnt, thEl, thEl.querySelector('.vxe-cell--wrapper'), thEl.querySelector('.vxe-cell--title') || cellEl, params);
         }
     },
     /**
@@ -5570,7 +5611,7 @@ const Methods = {
             }
         }
         if (tooltipStore.column !== column || tooltipStore.row !== row || !tooltipStore.visible) {
-            handleTooltip($xeTable, evnt, tdEl, tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
+            handleTooltip($xeTable, evnt, tdEl, tdEl.querySelector('.vxe-cell--wrapper'), tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
         }
     },
     /**
@@ -5584,7 +5625,7 @@ const Methods = {
         const tdEl = evnt.currentTarget;
         handleTargetEnterEvent($xeTable, tooltipStore.column !== column || !!tooltipStore.row);
         if (tooltipStore.column !== column || !tooltipStore.visible) {
-            handleTooltip($xeTable, evnt, tdEl, tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
+            handleTooltip($xeTable, evnt, tdEl, tdEl.querySelector('.vxe-cell--wrapper'), tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
         }
     },
     openTooltip(target, content) {
@@ -8692,6 +8733,7 @@ const Methods = {
         const internalData = $xeTable;
         const { isGroup, scrollXLoad, overflowX, scrollXWidth } = reactData;
         const { visibleColumn, scrollXStore, elemStore, fullColumnIdData } = internalData;
+        const mouseOpts = $xeTable.computeMouseOpts;
         const tableBody = $xeTable.$refs.refTableBody;
         const tableBodyElem = tableBody ? tableBody.$el : null;
         if (tableBodyElem) {
@@ -8751,6 +8793,9 @@ const Methods = {
             if (scrollXSpaceEl) {
                 scrollXSpaceEl.style.width = `${ySpaceWidth}px`;
             }
+            if (isScrollXBig && mouseOpts.area) {
+                errLog('vxe.error.notProp', ['mouse-config.area']);
+            }
             $xeTable.$nextTick(() => {
                 updateStyle($xeTable);
             });
@@ -8773,6 +8818,7 @@ const Methods = {
         const { isAllOverflow, scrollYLoad, expandColumn } = reactData;
         const { scrollYStore, elemStore, isResizeCellHeight, afterFullData, fullAllDataRowIdData, rowExpandedMaps } = internalData;
         const { startIndex } = scrollYStore;
+        const mouseOpts = $xeTable.computeMouseOpts;
         const expandOpts = $xeTable.computeExpandOpts;
         const rowOpts = $xeTable.computeRowOpts;
         const cellOpts = $xeTable.computeCellOpts;
@@ -8856,6 +8902,9 @@ const Methods = {
         reactData.scrollYTop = scrollYTop;
         reactData.scrollYHeight = scrollYHeight;
         reactData.isScrollYBig = isScrollYBig;
+        if (isScrollYBig && mouseOpts.area) {
+            errLog('vxe.error.notProp', ['mouse-config.area']);
+        }
         return $xeTable.$nextTick().then(() => {
             updateStyle($xeTable);
         });

package/es/table/src/table.js

@@ -1130,6 +1130,9 @@ export default {
             const $xeTable = this;
             const $xeTabs = $xeTable.$xeTabs;
             return $xeTabs ? $xeTabs.reactData.resizeFlag : null;
+        },
+        computeVxeLanguage() {
+            return VxeUI.getLanguage();
         } }),
     watch: {
         data(value) {
@@ -1202,6 +1205,9 @@ export default {
         computeScrollbarYToLeft() {
             this.reLayoutFlag++;
         },
+        computeVxeLanguage() {
+            this.reLayoutFlag++;
+        },
         reLayoutFlag() {
             const $xeTable = this;
             $xeTable.$nextTick(() => $xeTable.recalculate(true));

package/es/ui/index.js

@@ -1,6 +1,6 @@
 import { VxeUI } from '@vxe-ui/core';
 import { getFuncText } from './src/utils';
-export const version = "3.14.1";
+export const version = "3.14.3";
 VxeUI.version = version;
 VxeUI.tableVersion = version;
 VxeUI.setConfig({

package/es/ui/src/dom.js

@@ -1,6 +1,5 @@
 import XEUtils from 'xe-utils';
 const reClsMap = {};
-export const browse = XEUtils.browse();
 let tpImgEl;
 export function initTpImg() {
     if (!tpImgEl) {

package/es/ui/src/log.js

@@ -1,5 +1,5 @@
 import { VxeUI } from '@vxe-ui/core';
 const { log } = VxeUI;
-const version = `table v${"3.14.1"}`;
+const version = `table v${"3.14.3"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);