vxe-table 3.14.0-beta.26 → 3.14.0-beta.28

package/es/table/src/column.js

@@ -131,14 +131,15 @@ export const columnProps = {
 export const columnWatch = {};
 Object.keys(columnProps).forEach(name => {
     columnWatch[name] = function (value) {
+        const $xeTable = this.$xeTable;
         this.columnConfig.update(name, value);
-        if (this.$xetable) {
+        if ($xeTable) {
             if (name === 'filters') {
-                this.$xetable.setFilter(this.columnConfig, value);
-                this.$xetable.handleUpdateDataQueue();
+                $xeTable.setFilter(this.columnConfig, value);
+                $xeTable.handleUpdateDataQueue();
             }
             else if (['visible', 'fixed', 'width', 'minWidth', 'maxWidth'].includes(name)) {
-                this.$xetable.handleRefreshColumnQueue();
+                $xeTable.handleRefreshColumnQueue();
             }
         }
     };
@@ -148,21 +149,22 @@ export default {
     props: columnProps,
     provide() {
         return {
-            $xecolumn: this,
-            $xegrid: null
+            $xeColumn: this,
+            $xeGrid: null
         };
     },
     inject: {
-        $xetable: {
+        $xeTable: {
             default: null
         },
-        $xecolumn: {
+        $xeColumn: {
             default: null
         }
     },
     watch: columnWatch,
     created() {
-        this.columnConfig = this.createColumn(this.$xetable, this);
+        const $xeTable = this.$xeTable;
+        this.columnConfig = this.createColumn($xeTable, this);
     },
     mounted() {
         this.columnConfig.slots = this.$scopedSlots;

package/es/table/src/columnInfo.js

@@ -6,12 +6,12 @@ import { warnLog, errLog } from '../../ui/src/log';
 const { getI18n, formats } = VxeUI;
 export class ColumnInfo {
     /* eslint-disable @typescript-eslint/no-use-before-define */
-    constructor($xetable, _vm, { renderHeader, renderCell, renderFooter, renderData } = {}) {
-        const $xegrid = $xetable.$xegrid;
-        const proxyOpts = $xegrid ? $xegrid.proxyOpts : null;
+    constructor($xeTable, _vm, { renderHeader, renderCell, renderFooter, renderData } = {}) {
+        const tableProps = $xeTable;
+        const $xeGrid = $xeTable.$xeGrid;
+        const proxyOpts = $xeGrid ? $xeGrid.proxyOpts : null;
         const formatter = _vm.formatter;
         const visible = XEUtils.isBoolean(_vm.visible) ? _vm.visible : true;
-        const tableProps = $xetable;
         const types = ['seq', 'checkbox', 'radio', 'expand', 'html'];
         if (_vm.type && types.indexOf(_vm.type) === -1) {
             warnLog('vxe.error.errProp', [`type=${_vm.type}`, types.join(', ')]);
@@ -24,7 +24,7 @@ export class ColumnInfo {
         }
         if (_vm.type === 'expand') {
             const { treeConfig } = tableProps;
-            if (treeConfig && ($xetable.treeOpts.showLine || $xetable.treeOpts.line)) {
+            if (treeConfig && ($xeTable.treeOpts.showLine || $xeTable.treeOpts.line)) {
                 errLog('vxe.error.errConflicts', ['tree-config.line', 'column.type=expand']);
             }
         }
@@ -136,7 +136,7 @@ export class ColumnInfo {
             slots: _vm.slots
         });
         if (proxyOpts && proxyOpts.beforeColumn) {
-            proxyOpts.beforeColumn({ $grid: $xegrid, column: this });
+            proxyOpts.beforeColumn({ $grid: $xeGrid, column: this });
         }
     }
     getTitle() {

package/es/table/src/footer.js

@@ -24,6 +24,7 @@ function renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIn
     const tableProps = $xeTable;
     const tableReactData = $xeTable;
     const tableInternalData = $xeTable;
+    const $xeGrid = $xeTable.$xeGrid;
     const { fixedType } = props;
     const { resizable: allResizable, border, footerCellClassName, footerCellStyle, footerAlign: allFooterAlign, footerSpanMethod, align: allAlign, columnKey, showFooterOverflow: allColumnFooterOverflow } = tableProps;
     const { scrollXLoad, scrollYLoad, overflowX, currentColumn, mergeFooterList } = tableReactData;
@@ -58,7 +59,7 @@ function renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIn
         const itemIndex = _columnIndex;
         const cellParams = {
             $table: $xeTable,
-            $grid: $xeTable.xegrid,
+            $grid: $xeGrid,
             row,
             rowIndex: _rowIndex,
             _rowIndex,
@@ -380,7 +381,10 @@ export default {
                             attrs: {
                                 name: column.id
                             },
-                            key: $columnIndex
+                            key: $columnIndex,
+                            style: {
+                                width: `${column.renderWidth}px`
+                            }
                         });
                     })),
                     /**

package/es/table/src/group.js

@@ -7,21 +7,22 @@ export default {
     props: columnProps,
     provide() {
         return {
-            $xecolumn: this,
-            $xegrid: null
+            $xeColumn: this,
+            $xeGrid: null
         };
     },
     inject: {
-        $xetable: {
+        $xeTable: {
             default: null
         },
-        $xecolumn: {
+        $xeColumn: {
             default: null
         }
     },
     watch: columnWatch,
     created() {
-        this.columnConfig = this.createColumn(this.$xetable, this);
+        const $xeTable = this.$xeTable;
+        this.columnConfig = this.createColumn($xeTable, this);
     },
     mounted() {
         const { $scopedSlots } = this;

package/es/table/src/header.js

@@ -7,7 +7,7 @@ const cellType = 'header';
 const renderRows = (h, _vm, isGroup, isOptimizeMode, cols, $rowIndex) => {
     const props = _vm;
     const $xeTable = _vm.$parent;
-    const $xeGrid = $xeTable.xegrid;
+    const $xeGrid = $xeTable.$xeGrid;
     const tableProps = $xeTable;
     const tableReactData = $xeTable;
     const tableInternalData = $xeTable;
@@ -351,7 +351,10 @@ export default {
                             attrs: {
                                 name: column.id
                             },
-                            key: $columnIndex
+                            key: $columnIndex,
+                            style: {
+                                width: `${column.renderWidth}px`
+                            }
                         });
                     })),
                     /**
@@ -390,8 +393,10 @@ export default {
     },
     methods: {
         uploadColumn() {
-            const { $parent: $xetable } = this;
-            this.headerColumn = $xetable.isGroup ? convertHeaderColumnToRows(this.tableGroupColumn) : [];
+            const $xeTable = this.$parent;
+            const tableReactData = $xeTable;
+            const { isGroup } = tableReactData;
+            this.headerColumn = isGroup ? convertHeaderColumnToRows(this.tableGroupColumn) : [];
         }
     }
 };

package/es/table/src/methods.js

@@ -1695,9 +1695,10 @@ function hideDropTip($xeTable) {
  * @param {Event} evnt 事件
  * @param {Row} row 行对象
  */
-function handleTooltip($xeTable, evnt, tdEl, overflowElem, tipElem, params) {
+function handleTooltip($xeTable, evnt, tdEl, overflowElem, params) {
     const reactData = $xeTable;
-    if (!overflowElem) {
+    const tipOverEl = overflowElem || tdEl;
+    if (!tipOverEl) {
         return $xeTable.$nextTick();
     }
     params.cell = tdEl;
@@ -1707,9 +1708,8 @@ function handleTooltip($xeTable, evnt, tdEl, overflowElem, tipElem, params) {
     const { showAll, contentMethod } = tooltipOpts;
     const customContent = contentMethod ? contentMethod(params) : null;
     const useCustom = contentMethod && !XEUtils.eqNull(customContent);
-    const content = useCustom ? customContent : XEUtils.toString(column.type === 'html' ? overflowElem.innerText : overflowElem.textContent).trim();
-    const isCellOverflow = overflowElem.scrollWidth > overflowElem.clientWidth;
-    if (content && (showAll || useCustom || isCellOverflow)) {
+    const content = useCustom ? customContent : XEUtils.toString(column.type === 'html' ? tipOverEl.innerText : tipOverEl.textContent).trim();
+    if (content && (showAll || useCustom || (tipOverEl.scrollWidth > tipOverEl.clientWidth))) {
         Object.assign(tooltipStore, {
             row,
             column,
@@ -1719,7 +1719,7 @@ function handleTooltip($xeTable, evnt, tdEl, overflowElem, tipElem, params) {
         $xeTable.$nextTick(() => {
             const $tooltip = $xeTable.$refs.refTooltip;
             if ($tooltip && $tooltip.open) {
-                $tooltip.open(isCellOverflow ? overflowElem : (tipElem || overflowElem), formatText(content));
+                $tooltip.open(tipOverEl, formatText(content));
             }
         });
     }
@@ -2408,10 +2408,11 @@ function handleRowExpandScroll($xeTable) {
 }
 const Methods = {
     callSlot(slotFunc, params, h, vNodes) {
+        const $xeTable = this;
+        const $xeGrid = $xeTable.$xeGrid;
         if (slotFunc) {
-            const { $xegrid } = this;
-            if ($xegrid) {
-                return $xegrid.callSlot(slotFunc, params, h, vNodes);
+            if ($xeGrid) {
+                return $xeGrid.callSlot(slotFunc, params, h, vNodes);
             }
             if (XEUtils.isFunction(slotFunc)) {
                 return getSlotVNs(slotFunc.call(this, params, h, vNodes));
@@ -2427,15 +2428,17 @@ const Methods = {
      * 获取父容器元素
      */
     getParentElem() {
-        const { $el, $xegrid } = this;
-        return $xegrid ? $xegrid.$el.parentNode : $el.parentNode;
+        const $xeTable = this;
+        const $xeGrid = $xeTable.$xeGrid;
+        const { $el } = this;
+        return $xeGrid ? $xeGrid.$el.parentNode : $el.parentNode;
     },
     /**
      * 获取父容器的高度
      */
     getParentHeight() {
         const $xeTable = this;
-        const $xeGrid = $xeTable.xeGrid;
+        const $xeGrid = $xeTable.$xeGrid;
         const props = $xeTable;
         const { height } = props;
         const el = $xeTable.$refs.refElem;
@@ -2461,8 +2464,9 @@ const Methods = {
      * 如果存在表尾合计滚动条，则需要排除滚动条高度
      */
     getExcludeHeight() {
-        const { $xegrid } = this;
-        return $xegrid ? $xegrid.getExcludeHeight() : 0;
+        const $xeTable = this;
+        const $xeGrid = $xeTable.$xeGrid;
+        return $xeGrid ? $xeGrid.getExcludeHeight() : 0;
     },
     /**
      * 重置表格的一切数据状态
@@ -4031,9 +4035,9 @@ const Methods = {
         return this.refreshColumn(true);
     },
     handleCustomRestore(storeData) {
-        const $xetable = this;
-        const reactData = $xetable;
-        const internalData = $xetable;
+        const $xeTable = this;
+        const reactData = $xeTable;
+        const internalData = $xeTable;
         let { collectColumn } = internalData;
         const { resizableData, sortData, visibleData, fixedData } = storeData;
         let hasCustomSort = false;
@@ -4835,6 +4839,8 @@ const Methods = {
         }
     },
     preventEvent(evnt, type, args, next, end) {
+        const $xeTable = this;
+        const $xeGrid = $xeTable.$xeGrid;
         let evntList = interceptor.get(type);
         // 兼容老版本
         if (!evntList.length && type === 'event.clearEdit') {
@@ -4850,7 +4856,7 @@ const Methods = {
         let isStop = false;
         for (let i = 0; i < evntList.length; i++) {
             const func = evntList[i];
-            const fnRest = func(Object.assign({ $grid: this.$xegrid, $table: this, $event: evnt }, args));
+            const fnRest = func(Object.assign({ $grid: $xeGrid, $table: $xeTable, $event: evnt }, args));
             if (fnRest === false) {
                 isStop = true;
                 break;
@@ -4875,7 +4881,9 @@ const Methods = {
      * 全局按下事件处理
      */
     handleGlobalMousedownEvent(evnt) {
-        const { $el, $refs, $xegrid, $toolbar, mouseConfig, editStore, ctxMenuStore, editRules, editOpts, validOpts, areaOpts, filterStore, customStore, getRowNode } = this;
+        const $xeTable = this;
+        const $xeGrid = $xeTable.$xeGrid;
+        const { $el, $refs, $toolbar, mouseConfig, editStore, ctxMenuStore, editRules, editOpts, validOpts, areaOpts, filterStore, customStore, getRowNode } = this;
         const { actived } = editStore;
         const { customWrapper, refValidTooltip } = $refs;
         const tableFilter = $refs.refTableFilter;
@@ -4965,7 +4973,7 @@ const Methods = {
             }
         }
         else if (mouseConfig) {
-            if (!getEventTargetNode(evnt, $el).flag && !($xegrid && getEventTargetNode(evnt, $xegrid.$el).flag) && !(tableMenu && getEventTargetNode(evnt, tableMenu.$el).flag) && !($toolbar && getEventTargetNode(evnt, $toolbar.$el).flag)) {
+            if (!getEventTargetNode(evnt, $el).flag && !($xeGrid && getEventTargetNode(evnt, $xeGrid.$el).flag) && !(tableMenu && getEventTargetNode(evnt, tableMenu.$el).flag) && !($toolbar && getEventTargetNode(evnt, $toolbar.$el).flag)) {
                 if (this.clearSelected) {
                     this.clearSelected();
                 }
@@ -4987,7 +4995,7 @@ const Methods = {
         if (ctxMenuStore.visible && tableMenu && !getEventTargetNode(evnt, tableMenu.$el).flag) {
             this.closeMenu();
         }
-        const isActivated = getEventTargetNode(evnt, ($xegrid || this).$el).flag;
+        const isActivated = getEventTargetNode(evnt, ($xeGrid || this).$el).flag;
         // 如果存在校验，点击了表格之外则清除
         if (!isActivated && editRules && validOpts.autoClear) {
             this.validErrorMaps = {};
@@ -5051,6 +5059,7 @@ const Methods = {
     handleGlobalKeydownEvent(evnt) {
         const $xeTable = this;
         const internalData = $xeTable;
+        const $xeGrid = $xeTable.$xeGrid;
         // 该行为只对当前激活的表格有效
         if (this.isActivated) {
             this.preventEvent(evnt, 'event.keydown', null, () => {
@@ -5232,7 +5241,7 @@ const Methods = {
                             column: selected.column,
                             columnIndex: this.getColumnIndex(selected.column),
                             $table: this,
-                            $grid: this.$xegrid
+                            $grid: $xeGrid
                         };
                         // 是否被禁用
                         if (!beforeEditMethod || beforeEditMethod(params)) {
@@ -5259,7 +5268,7 @@ const Methods = {
                                 column: selected.column,
                                 columnIndex: this.getColumnIndex(selected.column),
                                 $table: this,
-                                $grid: this.$xegrid
+                                $grid: $xeGrid
                             };
                             // 是否被禁用
                             if (!beforeEditMethod || beforeEditMethod(params)) {
@@ -5288,7 +5297,7 @@ const Methods = {
                             rowIndex: this.getRowIndex(parentRow),
                             $rowIndex: this.getVMRowIndex(parentRow),
                             $table: this,
-                            $grid: this.$xegrid
+                            $grid: $xeGrid
                         };
                         this.setTreeExpand(parentRow, false)
                             .then(() => this.scrollToRow(parentRow))
@@ -5310,7 +5319,7 @@ const Methods = {
                             column: selected.column,
                             columnIndex: this.getColumnIndex(selected.column),
                             $table: this,
-                            $grid: this.$xegrid
+                            $grid: $xeGrid
                         };
                         if (!beforeEditMethod || beforeEditMethod(params)) {
                             if (editMethod) {
@@ -5431,7 +5440,7 @@ const Methods = {
             return;
         }
         if (tooltipStore.column !== column || !tooltipStore.visible) {
-            handleTooltip($xeTable, evnt, thEl, cellEl, null, params);
+            handleTooltip($xeTable, evnt, thEl, thEl.querySelector('.vxe-cell--title') || cellEl, params);
         }
     },
     /**
@@ -5461,7 +5470,7 @@ const Methods = {
             }
         }
         if (tooltipStore.column !== column || tooltipStore.row !== row || !tooltipStore.visible) {
-            handleTooltip($xeTable, evnt, tdEl, tdEl.querySelector('.vxe-cell--wrapper'), null, params);
+            handleTooltip($xeTable, evnt, tdEl, tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
         }
     },
     /**
@@ -5472,10 +5481,10 @@ const Methods = {
         const reactData = $xeTable;
         const { column } = params;
         const { tooltipStore } = reactData;
-        const cell = evnt.currentTarget;
+        const tdEl = evnt.currentTarget;
         handleTargetEnterEvent($xeTable, tooltipStore.column !== column || !!tooltipStore.row);
         if (tooltipStore.column !== column || !tooltipStore.visible) {
-            handleTooltip($xeTable, evnt, cell, cell.querySelector('.vxe-cell--wrapper') || cell.children[0], null, params);
+            handleTooltip($xeTable, evnt, tdEl, tdEl.querySelector('.vxe-cell--label') || tdEl.querySelector('.vxe-cell--wrapper'), params);
         }
     },
     openTooltip(target, content) {
@@ -8986,13 +8995,15 @@ const Methods = {
      * 更新表尾合计
      */
     updateFooter() {
+        const $xeTable = this;
+        const $xeGrid = $xeTable.$xeGrid;
         const { showFooter, visibleColumn, footerData, footerMethod } = this;
         let footData = [];
         if (showFooter && footerData && footerData.length) {
             footData = footerData.slice(0);
         }
         else if (showFooter && footerMethod) {
-            footData = visibleColumn.length ? footerMethod({ columns: visibleColumn, data: this.afterFullData, $table: this, $grid: this.$xegrid }) : [];
+            footData = visibleColumn.length ? footerMethod({ columns: visibleColumn, data: this.afterFullData, $table: $xeTable, $grid: $xeGrid }) : [];
         }
         this.footerTableData = footData;
         return this.$nextTick();
@@ -9124,11 +9135,14 @@ const Methods = {
     },
     dispatchEvent(type, params, evnt) {
         const $xeTable = this;
-        $xeTable.$emit(type, createEvent(evnt, { $table: $xeTable, $grid: $xeTable.$xegrid }, params));
+        const $xeGrid = $xeTable.$xeGrid;
+        $xeTable.$emit(type, createEvent(evnt, { $table: $xeTable, $grid: $xeGrid }, params));
     },
     // 已废弃，使用 dispatchEvent
     emitEvent(type, params, evnt) {
-        this.$emit(type, Object.assign({ $table: this, $grid: this.$xegrid, $event: evnt }, params));
+        const $xeTable = this;
+        const $xeGrid = $xeTable.$xeGrid;
+        this.$emit(type, Object.assign({ $table: $xeTable, $grid: $xeGrid, $event: evnt }, params));
     },
     focus() {
         this.isActivated = true;

package/es/table/src/table.js

@@ -27,14 +27,14 @@ const { getConfig, getIcon, getI18n, renderer, globalResize, globalEvents, globa
  * 渲染浮固定列
  * 分别渲染左边固定列和右边固定列
  * 如果宽度足够情况下，则不需要渲染固定列
- * @param {Function} h 创建 VNode 函数
- * @param {Object} $xetable 表格实例
- * @param {String} fixedType 固定列类型
  */
-function renderFixed(h, $xetable, fixedType) {
-    const { _e, tableData, tableColumn, tableGroupColumn, vSize, showHeader, showFooter, columnStore, footerTableData } = $xetable;
+function renderFixed(h, $xeTable, fixedType) {
+    const props = $xeTable;
+    const reactData = $xeTable;
+    const { showHeader, showFooter } = props;
+    const { tableData, tableColumn, tableGroupColumn, columnStore, footerTableData } = reactData;
     const isFixedLeft = fixedType === 'left';
-    const fixedColumn = columnStore[`${fixedType}List`];
+    const fixedColumn = isFixedLeft ? columnStore.leftList : columnStore.rightList;
     return h('div', {
         ref: isFixedLeft ? 'refLeftContainer' : 'refRightContainer',
         class: `vxe-table--fixed-${fixedType}-wrapper`
@@ -46,19 +46,17 @@ function renderFixed(h, $xetable, fixedType) {
                     tableData,
                     tableColumn,
                     tableGroupColumn,
-                    size: vSize,
                     fixedColumn
                 },
                 ref: `${fixedType}Header`
             })
-            : _e(),
+            : renderEmptyElement($xeTable),
         h(TableBodyComponent, {
             props: {
                 fixedType,
                 tableData,
                 tableColumn,
-                fixedColumn,
-                size: vSize
+                fixedColumn
             },
             ref: `${fixedType}Body`
         }),
@@ -68,12 +66,11 @@ function renderFixed(h, $xetable, fixedType) {
                     footerTableData,
                     tableColumn,
                     fixedColumn,
-                    fixedType,
-                    size: vSize
+                    fixedType
                 },
                 ref: `${fixedType}Footer`
             })
-            : _e()
+            : renderEmptyElement($xeTable)
     ]);
 }
 function renderEmptyBody(h, _vm) {
@@ -395,7 +392,6 @@ export default {
     props: tableProps,
     provide() {
         return {
-            $xetable: this,
             $xeTable: this,
             xecolgroup: null
         };
@@ -406,12 +402,6 @@ export default {
         },
         $xeGrid: {
             default: null
-        },
-        $xegrid: {
-            default: null
-        },
-        xeGrid: {
-            default: null
         }
     },
     data() {
@@ -1610,7 +1600,7 @@ export default {
         const VxeUILoadingComponent = VxeUI.getComponent('VxeLoading');
         const VxeUITooltipComponent = VxeUI.getComponent('VxeTooltip');
         const $xeTable = this;
-        const $xeGrid = $xeTable.xeGrid;
+        const $xeGrid = $xeTable.$xeGrid;
         const props = $xeTable;
         const slots = $xeTable.$scopedSlots;
         const reactData = $xeTable;

package/es/table/src/util.js

@@ -188,34 +188,41 @@ export const handleRowidOrRow = ($xeTable, rowidOrRow) => {
 };
 // 组装列配置
 export function assembleColumn(_vm) {
-    const { $el, $xetable, $xecolumn, columnConfig } = _vm;
-    const groupConfig = $xecolumn ? $xecolumn.columnConfig : null;
+    const $xeTable = _vm.$xeTable;
+    const reactData = $xeTable;
+    const { staticColumns } = reactData;
+    const { $el, $xeColumn, columnConfig } = _vm;
+    const groupConfig = $xeColumn ? $xeColumn.columnConfig : null;
     if (groupConfig) {
-        if ($xecolumn.$options._componentTag === 'vxe-table-column') {
-            errLog('vxe.error.groupTag', [`<vxe-table-colgroup title=${$xecolumn.title} ...>`, `<vxe-table-column title=${$xecolumn.title} ...>`]);
+        if ($xeColumn.$options._componentTag === 'vxe-table-column') {
+            errLog('vxe.error.groupTag', [`<vxe-table-colgroup title=${$xeColumn.title} ...>`, `<vxe-table-column title=${$xeColumn.title} ...>`]);
         }
-        else if ($xecolumn.$options._componentTag === 'vxe-column') {
-            warnLog('vxe.error.groupTag', [`<vxe-colgroup title=${$xecolumn.title} ...>`, `<vxe-column title=${$xecolumn.title} ...>`]);
+        else if ($xeColumn.$options._componentTag === 'vxe-column') {
+            warnLog('vxe.error.groupTag', [`<vxe-colgroup title=${$xeColumn.title} ...>`, `<vxe-column title=${$xeColumn.title} ...>`]);
         }
         if (!groupConfig.children) {
             groupConfig.children = [];
         }
-        groupConfig.children.splice(XEUtils.arrayIndexOf($xecolumn.$el.children, $el), 0, columnConfig);
+        groupConfig.children.splice(XEUtils.arrayIndexOf($xeColumn.$el.children, $el), 0, columnConfig);
     }
     else {
-        $xetable.staticColumns.splice(XEUtils.arrayIndexOf($xetable.$refs.hideColumn.children, $el), 0, columnConfig);
+        staticColumns.splice(XEUtils.arrayIndexOf($xeTable.$refs.hideColumn.children, $el), 0, columnConfig);
     }
 }
 // 销毁列
 export function destroyColumn(_vm) {
-    const { $xetable, columnConfig } = _vm;
-    const matchObj = XEUtils.findTree($xetable.staticColumns, column => column === columnConfig);
+    const $xeTable = _vm.$xeTable;
+    const reactData = $xeTable;
+    const { staticColumns } = reactData;
+    const { columnConfig } = _vm;
+    const matchObj = XEUtils.findTree(staticColumns, column => column === columnConfig);
     if (matchObj) {
         matchObj.items.splice(matchObj.index, 1);
     }
 }
-export function getRootColumn($xetable, column) {
-    const fullColumnIdData = $xetable.fullColumnIdData;
+export function getRootColumn($xeTable, column) {
+    const internalData = $xeTable;
+    const { fullColumnIdData } = internalData;
     if (!column) {
         return null;
     }

package/es/toolbar/src/toolbar.js

@@ -663,13 +663,13 @@ export default {
         $xeToolbar.$nextTick(() => {
             const { refresh } = props;
             const refreshOpts = $xeToolbar.computeRefreshOpts;
-            const $xetable = this.fintTable();
+            const $xeTable = this.fintTable();
             const queryMethod = refreshOpts.queryMethod || refreshOpts.query;
             if (refresh && !$xeGrid && !queryMethod) {
                 warnLog('vxe.error.notFunc', ['queryMethod']);
             }
-            if ($xetable) {
-                $xetable.connect(this);
+            if ($xeTable) {
+                $xeTable.connect(this);
             }
             const customOpts = $xeToolbar.computeCustomOpts;
             if (customOpts.isFooter) {

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.0-beta.26";
+export const version = "3.14.0-beta.28";
 VxeUI.version = version;
 VxeUI.tableVersion = version;
 VxeUI.setConfig({

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.0-beta.26"}`;
+const version = `table v${"3.14.0-beta.28"}`;
 export const warnLog = log.create('warn', version);
 export const errLog = log.create('error', version);

package/lib/grid/src/grid.js

@@ -432,8 +432,7 @@ var _default = exports.default = {
   }),
   provide() {
     return {
-      $xeGrid: this,
-      $xegrid: this
+      $xeGrid: this
     };
   },
   data() {