vxe-table 4.12.1 → 4.12.3

package/es/table/src/table.js

@@ -1,6 +1,6 @@
 import { defineComponent, h, reactive, ref, provide, inject, nextTick, onActivated, onDeactivated, onBeforeUnmount, onUnmounted, watch, computed, onMounted } from 'vue';
 import XEUtils from 'xe-utils';
-import { browse, initTpImg, getTpImg, isPx, isScale, hasClass, addClass, removeClass, getEventTargetNode, getPaddingTopBottomSize, getOffsetPos, setScrollTop, setScrollLeft, toCssUnit } from '../../ui/src/dom';
+import { initTpImg, 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';
@@ -29,6 +29,7 @@ export default defineComponent({
     setup(props, context) {
         const { slots, emit } = context;
         const xID = XEUtils.uniqueId();
+        const browseObj = XEUtils.browse();
         // 使用已安装的组件，如果未安装则不渲染
         const VxeUILoadingComponent = VxeUI.getComponent('VxeLoading');
         const VxeUITooltipComponent = VxeUI.getComponent('VxeTooltip');
@@ -1833,11 +1834,11 @@ export default defineComponent({
             }
             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 = refScrollYVirtualElem.value;
             if (scrollYVirtualEl) {
@@ -1848,7 +1849,7 @@ export default defineComponent({
             const yTopCornerEl = refScrollYTopCornerElem.value;
             if (yTopCornerEl) {
                 yTopCornerEl.style.height = `${headerHeight}px`;
-                yTopCornerEl.style.display = headerHeight ? 'block' : '';
+                yTopCornerEl.style.display = overflowY && headerHeight ? 'block' : '';
             }
             const yWrapperEl = refScrollYWrapperElem.value;
             if (yWrapperEl) {
@@ -1859,7 +1860,7 @@ export default defineComponent({
             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 = refRowExpandElem.value;
             if (rowExpandEl) {
@@ -1980,7 +1981,7 @@ export default defineComponent({
                         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) {
@@ -6094,8 +6095,8 @@ export default defineComponent({
         const handleGlobalKeydownEvent = (evnt) => {
             // 该行为只对当前激活的表格有效
             if (internalData.isActivated) {
-                tablePrivateMethods.preventEvent(evnt, 'event.keydown', null, () => {
-                    const { mouseConfig, keyboardConfig, treeConfig, editConfig, highlightCurrentRow } = props;
+                $xeTable.preventEvent(evnt, 'event.keydown', null, () => {
+                    const { mouseConfig, keyboardConfig, treeConfig, editConfig, highlightCurrentRow, highlightCurrentColumn } = props;
                     const { ctxMenuStore, editStore, currentRow } = reactData;
                     const { afterFullData } = internalData;
                     const isMenu = computeIsMenu.value;
@@ -6106,6 +6107,7 @@ export default defineComponent({
                     const treeOpts = computeTreeOpts.value;
                     const menuList = computeMenuList.value;
                     const rowOpts = computeRowOpts.value;
+                    const columnOpts = computeColumnOpts.value;
                     const { selected, actived } = editStore;
                     const childrenField = treeOpts.children || treeOpts.childrenField;
                     const keyCode = evnt.keyCode;
@@ -6147,7 +6149,7 @@ export default defineComponent({
                         if ($xeTable.closeMenu) {
                             $xeTable.closeMenu();
                         }
-                        tableMethods.closeFilter();
+                        $xeTable.closeFilter();
                         if (keyboardConfig && keyboardOpts.isEsc) {
                             // 如果是激活编辑状态，则取消编辑
                             if (actived.row) {
@@ -6263,12 +6265,12 @@ export default defineComponent({
                                     const params = {
                                         $table: $xeTable,
                                         row: targetRow,
-                                        rowIndex: tableMethods.getRowIndex(targetRow),
-                                        $rowIndex: tableMethods.getVMRowIndex(targetRow)
+                                        rowIndex: $xeTable.getRowIndex(targetRow),
+                                        $rowIndex: $xeTable.getVMRowIndex(targetRow)
                                     };
-                                    tableMethods.setTreeExpand(currentRow, true)
-                                        .then(() => tableMethods.scrollToRow(targetRow))
-                                        .then(() => tablePrivateMethods.triggerCurrentRowEvent(evnt, params));
+                                    $xeTable.setTreeExpand(currentRow, true)
+                                        .then(() => $xeTable.scrollToRow(targetRow))
+                                        .then(() => $xeTable.triggerCurrentRowEvent(evnt, params));
                                 }
                             }
                         }
@@ -6276,9 +6278,19 @@ export default defineComponent({
                     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) {
@@ -6323,9 +6335,9 @@ export default defineComponent({
                             if (keyboardOpts.isDel && isEnableConf(editConfig) && (selected.row || selected.column)) {
                                 const params = {
                                     row: selected.row,
-                                    rowIndex: tableMethods.getRowIndex(selected.row),
+                                    rowIndex: $xeTable.getRowIndex(selected.row),
                                     column: selected.column,
-                                    columnIndex: tableMethods.getColumnIndex(selected.column),
+                                    columnIndex: $xeTable.getColumnIndex(selected.column),
                                     $table: $xeTable,
                                     $grid: $xeGrid
                                 };
@@ -6350,14 +6362,14 @@ export default defineComponent({
                             evnt.preventDefault();
                             const params = {
                                 row: parentRow,
-                                rowIndex: tableMethods.getRowIndex(parentRow),
-                                $rowIndex: tableMethods.getVMRowIndex(parentRow),
+                                rowIndex: $xeTable.getRowIndex(parentRow),
+                                $rowIndex: $xeTable.getVMRowIndex(parentRow),
                                 $table: $xeTable,
                                 $grid: $xeGrid
                             };
-                            tableMethods.setTreeExpand(parentRow, false)
-                                .then(() => tableMethods.scrollToRow(parentRow))
-                                .then(() => tablePrivateMethods.triggerCurrentRowEvent(evnt, params));
+                            $xeTable.setTreeExpand(parentRow, false)
+                                .then(() => $xeTable.scrollToRow(parentRow))
+                                .then(() => $xeTable.triggerCurrentRowEvent(evnt, params));
                         }
                     }
                     else if (keyboardConfig && isEnableConf(editConfig) && 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))) {
@@ -6371,9 +6383,9 @@ export default defineComponent({
                             const beforeEditMethod = editOpts.beforeEditMethod || editOpts.activeMethod;
                             const params = {
                                 row: selected.row,
-                                rowIndex: tableMethods.getRowIndex(selected.row),
+                                rowIndex: $xeTable.getRowIndex(selected.row),
                                 column: selected.column,
-                                columnIndex: tableMethods.getColumnIndex(selected.column),
+                                columnIndex: $xeTable.getColumnIndex(selected.column),
                                 $table: $xeTable,
                                 $grid: $xeGrid
                             };
@@ -6656,7 +6668,7 @@ export default defineComponent({
          * @param {Event} evnt 事件
          * @param {Row} row 行对象
          */
-        const handleTooltip = (evnt, tdEl, overflowElem, params) => {
+        const handleTooltip = (evnt, tdEl, overflowElem, tipElem, params) => {
             const tipOverEl = overflowElem || tdEl;
             if (!tipOverEl) {
                 return nextTick();
@@ -6669,7 +6681,8 @@ export default defineComponent({
             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,
@@ -6679,7 +6692,7 @@ export default defineComponent({
                 nextTick(() => {
                     const $tooltip = refTooltip.value;
                     if ($tooltip && $tooltip.open) {
-                        $tooltip.open(tipOverEl, formatText(content));
+                        $tooltip.open(isOver ? tipOverEl : tipElem, formatText(content));
                     }
                 });
             }
@@ -7646,7 +7659,7 @@ export default defineComponent({
                     return;
                 }
                 if (tooltipStore.column !== column || !tooltipStore.visible) {
-                    handleTooltip(evnt, thEl, thEl.querySelector('.vxe-cell--title') || cellEl, params);
+                    handleTooltip(evnt, thEl, thEl.querySelector('.vxe-cell--wrapper'), thEl.querySelector('.vxe-cell--title') || cellEl, params);
                 }
             },
             /**
@@ -7673,7 +7686,7 @@ export default defineComponent({
                     }
                 }
                 if (tooltipStore.column !== column || tooltipStore.row !== row || !tooltipStore.visible) {
-                    handleTooltip(evnt, tdEl, tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
+                    handleTooltip(evnt, tdEl, tdEl.querySelector('.vxe-cell--wrapper'), tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
                 }
             },
             /**
@@ -7685,7 +7698,7 @@ export default defineComponent({
                 const tdEl = evnt.currentTarget;
                 handleTargetEnterEvent(tooltipStore.column !== column || !!tooltipStore.row);
                 if (tooltipStore.column !== column || !tooltipStore.visible) {
-                    handleTooltip(evnt, tdEl, tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
+                    handleTooltip(evnt, tdEl, tdEl.querySelector('.vxe-cell--wrapper'), tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
                 }
             },
             handleTargetLeaveEvent() {
@@ -9222,6 +9235,7 @@ export default defineComponent({
             updateScrollXSpace() {
                 const { isGroup, scrollXLoad, overflowX, scrollXWidth } = reactData;
                 const { visibleColumn, scrollXStore, elemStore, fullColumnIdData } = internalData;
+                const mouseOpts = computeMouseOpts.value;
                 const tableBody = refTableBody.value;
                 const tableBodyElem = tableBody ? tableBody.$el : null;
                 if (tableBodyElem) {
@@ -9281,6 +9295,9 @@ export default defineComponent({
                     if (scrollXSpaceEl) {
                         scrollXSpaceEl.style.width = `${ySpaceWidth}px`;
                     }
+                    if (isScrollXBig && mouseOpts.area) {
+                        errLog('vxe.error.notProp', ['mouse-config.area']);
+                    }
                     nextTick(() => {
                         updateStyle();
                     });
@@ -9291,6 +9308,7 @@ export default defineComponent({
                 const { isAllOverflow, scrollYLoad, expandColumn } = reactData;
                 const { scrollYStore, elemStore, isResizeCellHeight, afterFullData, fullAllDataRowIdData, rowExpandedMaps } = internalData;
                 const { startIndex } = scrollYStore;
+                const mouseOpts = computeMouseOpts.value;
                 const expandOpts = computeExpandOpts.value;
                 const rowOpts = computeRowOpts.value;
                 const cellOpts = computeCellOpts.value;
@@ -9374,6 +9392,9 @@ export default defineComponent({
                 reactData.scrollYTop = scrollYTop;
                 reactData.scrollYHeight = scrollYHeight;
                 reactData.isScrollYBig = isScrollYBig;
+                if (isScrollYBig && mouseOpts.area) {
+                    errLog('vxe.error.notProp', ['mouse-config.area']);
+                }
                 return nextTick().then(() => {
                     updateStyle();
                 });
@@ -10164,6 +10185,9 @@ export default defineComponent({
         watch(computeScrollbarYToLeft, () => {
             reLayoutFlag.value++;
         });
+        watch(() => VxeUI.getLanguage(), () => {
+            reLayoutFlag.value++;
+        });
         watch(reLayoutFlag, () => {
             nextTick(() => tableMethods.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 = "4.12.1";
+export const version = "4.12.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${"4.12.1"}`;
+const version = `table v${"4.12.3"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/lib/index.umd.js

@@ -3138,7 +3138,7 @@ function eqEmptyValue(cellValue) {
 ;// ./packages/ui/index.ts
 
 
-const version = "4.12.1";
+const version = "4.12.3";
 core_.VxeUI.version = version;
 core_.VxeUI.tableVersion = version;
 core_.VxeUI.setConfig({
@@ -3587,7 +3587,7 @@ var esnext_iterator_some = __webpack_require__(7550);
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"4.12.1"}`;
+const log_version = `table v${"4.12.3"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// ./packages/table/src/columnInfo.ts
@@ -3771,7 +3771,6 @@ class ColumnInfo {
 ;// ./packages/ui/src/dom.ts
 
 const reClsMap = {};
-const browse = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().browse();
 let tpImgEl;
 function initTpImg() {
   if (!tpImgEl) {
@@ -10495,6 +10494,7 @@ const maxXWidth = 5e6;
       emit
     } = context;
     const xID = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId();
+    const browseObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().browse();
     // 使用已安装的组件，如果未安装则不渲染
     const VxeUILoadingComponent = core_.VxeUI.getComponent('VxeLoading');
     const VxeUITooltipComponent = core_.VxeUI.getComponent('VxeTooltip');
@@ -12637,11 +12637,11 @@ const maxXWidth = 5e6;
       }
       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 = refScrollYVirtualElem.value;
       if (scrollYVirtualEl) {
@@ -12652,7 +12652,7 @@ const maxXWidth = 5e6;
       const yTopCornerEl = refScrollYTopCornerElem.value;
       if (yTopCornerEl) {
         yTopCornerEl.style.height = `${headerHeight}px`;
-        yTopCornerEl.style.display = headerHeight ? 'block' : '';
+        yTopCornerEl.style.display = overflowY && headerHeight ? 'block' : '';
       }
       const yWrapperEl = refScrollYWrapperElem.value;
       if (yWrapperEl) {
@@ -12663,7 +12663,7 @@ const maxXWidth = 5e6;
       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 = refRowExpandElem.value;
       if (rowExpandEl) {
@@ -12777,7 +12777,7 @@ const maxXWidth = 5e6;
             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) {
@@ -17520,13 +17520,14 @@ const maxXWidth = 5e6;
     const handleGlobalKeydownEvent = evnt => {
       // 该行为只对当前激活的表格有效
       if (internalData.isActivated) {
-        tablePrivateMethods.preventEvent(evnt, 'event.keydown', null, () => {
+        $xeTable.preventEvent(evnt, 'event.keydown', null, () => {
           const {
             mouseConfig,
             keyboardConfig,
             treeConfig,
             editConfig,
-            highlightCurrentRow
+            highlightCurrentRow,
+            highlightCurrentColumn
           } = props;
           const {
             ctxMenuStore,
@@ -17544,6 +17545,7 @@ const maxXWidth = 5e6;
           const treeOpts = computeTreeOpts.value;
           const menuList = computeMenuList.value;
           const rowOpts = computeRowOpts.value;
+          const columnOpts = computeColumnOpts.value;
           const {
             selected,
             actived
@@ -17585,7 +17587,7 @@ const maxXWidth = 5e6;
             if ($xeTable.closeMenu) {
               $xeTable.closeMenu();
             }
-            tableMethods.closeFilter();
+            $xeTable.closeFilter();
             if (keyboardConfig && keyboardOpts.isEsc) {
               // 如果是激活编辑状态，则取消编辑
               if (actived.row) {
@@ -17700,18 +17702,27 @@ const maxXWidth = 5e6;
                   const params = {
                     $table: $xeTable,
                     row: targetRow,
-                    rowIndex: tableMethods.getRowIndex(targetRow),
-                    $rowIndex: tableMethods.getVMRowIndex(targetRow)
+                    rowIndex: $xeTable.getRowIndex(targetRow),
+                    $rowIndex: $xeTable.getVMRowIndex(targetRow)
                   };
-                  tableMethods.setTreeExpand(currentRow, true).then(() => tableMethods.scrollToRow(targetRow)).then(() => tablePrivateMethods.triggerCurrentRowEvent(evnt, params));
+                  $xeTable.setTreeExpand(currentRow, true).then(() => $xeTable.scrollToRow(targetRow)).then(() => $xeTable.triggerCurrentRowEvent(evnt, params));
                 }
               }
             }
           } 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) {
@@ -17756,9 +17767,9 @@ const maxXWidth = 5e6;
               if (keyboardOpts.isDel && isEnableConf(editConfig) && (selected.row || selected.column)) {
                 const params = {
                   row: selected.row,
-                  rowIndex: tableMethods.getRowIndex(selected.row),
+                  rowIndex: $xeTable.getRowIndex(selected.row),
                   column: selected.column,
-                  columnIndex: tableMethods.getColumnIndex(selected.column),
+                  columnIndex: $xeTable.getColumnIndex(selected.column),
                   $table: $xeTable,
                   $grid: $xeGrid
                 };
@@ -17785,12 +17796,12 @@ const maxXWidth = 5e6;
               evnt.preventDefault();
               const params = {
                 row: parentRow,
-                rowIndex: tableMethods.getRowIndex(parentRow),
-                $rowIndex: tableMethods.getVMRowIndex(parentRow),
+                rowIndex: $xeTable.getRowIndex(parentRow),
+                $rowIndex: $xeTable.getVMRowIndex(parentRow),
                 $table: $xeTable,
                 $grid: $xeGrid
               };
-              tableMethods.setTreeExpand(parentRow, false).then(() => tableMethods.scrollToRow(parentRow)).then(() => tablePrivateMethods.triggerCurrentRowEvent(evnt, params));
+              $xeTable.setTreeExpand(parentRow, false).then(() => $xeTable.scrollToRow(parentRow)).then(() => $xeTable.triggerCurrentRowEvent(evnt, params));
             }
           } else if (keyboardConfig && isEnableConf(editConfig) && 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)) {
             const {
@@ -17806,9 +17817,9 @@ const maxXWidth = 5e6;
               const beforeEditMethod = editOpts.beforeEditMethod || editOpts.activeMethod;
               const params = {
                 row: selected.row,
-                rowIndex: tableMethods.getRowIndex(selected.row),
+                rowIndex: $xeTable.getRowIndex(selected.row),
                 column: selected.column,
-                columnIndex: tableMethods.getColumnIndex(selected.column),
+                columnIndex: $xeTable.getColumnIndex(selected.column),
                 $table: $xeTable,
                 $grid: $xeGrid
               };
@@ -18137,7 +18148,7 @@ const maxXWidth = 5e6;
      * @param {Event} evnt 事件
      * @param {Row} row 行对象
      */
-    const handleTooltip = (evnt, tdEl, overflowElem, params) => {
+    const handleTooltip = (evnt, tdEl, overflowElem, tipElem, params) => {
       const tipOverEl = overflowElem || tdEl;
       if (!tipOverEl) {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)();
@@ -18158,7 +18169,8 @@ const maxXWidth = 5e6;
       const customContent = contentMethod ? contentMethod(params) : null;
       const useCustom = contentMethod && !external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(customContent);
       const content = useCustom ? customContent : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().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,
@@ -18168,7 +18180,7 @@ const maxXWidth = 5e6;
         (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
           const $tooltip = refTooltip.value;
           if ($tooltip && $tooltip.open) {
-            $tooltip.open(tipOverEl, formatText(content));
+            $tooltip.open(isOver ? tipOverEl : tipElem, formatText(content));
           }
         });
       }
@@ -19300,7 +19312,7 @@ const maxXWidth = 5e6;
           return;
         }
         if (tooltipStore.column !== column || !tooltipStore.visible) {
-          handleTooltip(evnt, thEl, thEl.querySelector('.vxe-cell--title') || cellEl, params);
+          handleTooltip(evnt, thEl, thEl.querySelector('.vxe-cell--wrapper'), thEl.querySelector('.vxe-cell--title') || cellEl, params);
         }
       },
       /**
@@ -19338,7 +19350,7 @@ const maxXWidth = 5e6;
           }
         }
         if (tooltipStore.column !== column || tooltipStore.row !== row || !tooltipStore.visible) {
-          handleTooltip(evnt, tdEl, tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
+          handleTooltip(evnt, tdEl, tdEl.querySelector('.vxe-cell--wrapper'), tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
         }
       },
       /**
@@ -19354,7 +19366,7 @@ const maxXWidth = 5e6;
         const tdEl = evnt.currentTarget;
         handleTargetEnterEvent(tooltipStore.column !== column || !!tooltipStore.row);
         if (tooltipStore.column !== column || !tooltipStore.visible) {
-          handleTooltip(evnt, tdEl, tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
+          handleTooltip(evnt, tdEl, tdEl.querySelector('.vxe-cell--wrapper'), tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
         }
       },
       handleTargetLeaveEvent() {
@@ -21213,6 +21225,7 @@ const maxXWidth = 5e6;
           elemStore,
           fullColumnIdData
         } = internalData;
+        const mouseOpts = computeMouseOpts.value;
         const tableBody = refTableBody.value;
         const tableBodyElem = tableBody ? tableBody.$el : null;
         if (tableBodyElem) {
@@ -21271,6 +21284,9 @@ const maxXWidth = 5e6;
           if (scrollXSpaceEl) {
             scrollXSpaceEl.style.width = `${ySpaceWidth}px`;
           }
+          if (isScrollXBig && mouseOpts.area) {
+            errLog('vxe.error.notProp', ['mouse-config.area']);
+          }
           (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => {
             updateStyle();
           });
@@ -21294,6 +21310,7 @@ const maxXWidth = 5e6;
         const {
           startIndex
         } = scrollYStore;
+        const mouseOpts = computeMouseOpts.value;
         const expandOpts = computeExpandOpts.value;
         const rowOpts = computeRowOpts.value;
         const cellOpts = computeCellOpts.value;
@@ -21374,6 +21391,9 @@ const maxXWidth = 5e6;
         reactData.scrollYTop = scrollYTop;
         reactData.scrollYHeight = scrollYHeight;
         reactData.isScrollYBig = isScrollYBig;
+        if (isScrollYBig && mouseOpts.area) {
+          errLog('vxe.error.notProp', ['mouse-config.area']);
+        }
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)().then(() => {
           updateStyle();
         });
@@ -22162,6 +22182,9 @@ const maxXWidth = 5e6;
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(computeScrollbarYToLeft, () => {
       reLayoutFlag.value++;
     });
+    (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(() => core_.VxeUI.getLanguage(), () => {
+      reLayoutFlag.value++;
+    });
     (0,external_commonjs_vue_commonjs2_vue_root_Vue_.watch)(reLayoutFlag, () => {
       (0,external_commonjs_vue_commonjs2_vue_root_Vue_.nextTick)(() => tableMethods.recalculate(true));
     });
@@ -23172,7 +23195,7 @@ menu_hook_hooks.add('tableMenuModule', {
           }
           ctxMenuStore[property] = selectItem || menuList[0];
         } else if (ctxMenuStore[property] && (hook_globalEvents.hasKey(evnt, hook_GLOBAL_EVENT_KEYS.ENTER) || hook_globalEvents.hasKey(evnt, hook_GLOBAL_EVENT_KEYS.SPACEBAR))) {
-          menuPrivateMethods.ctxMenuLinkEvent(evnt, ctxMenuStore[property]);
+          $xeTable.ctxMenuLinkEvent(evnt, ctxMenuStore[property]);
         }
       },
       handleOpenMenuEvent,
@@ -23412,6 +23435,7 @@ edit_hook_hooks.add('tableEditModule', {
       computeTreeOpts,
       computeValidOpts
     } = $xeTable.getComputeMaps();
+    const browseObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().browse();
     let editMethods = {};
     let editPrivateMethods = {};
     const getEditColumnModel = (row, column) => {
@@ -24509,7 +24533,7 @@ edit_hook_hooks.add('tableEditModule', {
               inputElem.select();
             } else {
               // 保持一致行为，光标移到末端
-              if (browse.msie) {
+              if (browseObj.msie) {
                 const textRange = inputElem.createTextRange();
                 textRange.collapse(false);
                 textRange.select();
@@ -26449,10 +26473,11 @@ export_hook_hooks.add('tableExportModule', {
 const {
   hooks: keyboard_hook_hooks
 } = core_.VxeUI;
+const browseObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().browse();
 function getTargetOffset(target, container) {
   let offsetTop = 0;
   let offsetLeft = 0;
-  const triggerCheckboxLabel = !browse.firefox && hasClass(target, 'vxe-checkbox--label');
+  const triggerCheckboxLabel = !browseObj.firefox && hasClass(target, 'vxe-checkbox--label');
   if (triggerCheckboxLabel) {
     const checkboxLabelStyle = getComputedStyle(target);
     offsetTop -= external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(checkboxLabelStyle.paddingTop);