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

package/es/table/module/custom/panel.js

@@ -89,6 +89,7 @@ const renderSimplePanel = (h, _vm) => {
     const props = _vm;
     const $xeTable = _vm.$xeTable;
     const reactData = $xeTable;
+    const $xeGrid = $xeTable.$xeGrid;
     const { customStore } = props;
     const { isCustomStatus, customColumnList } = reactData;
     const customOpts = $xeTable.computeCustomOpts;
@@ -115,7 +116,7 @@ const renderSimplePanel = (h, _vm) => {
     }
     const params = {
         $table: $xeTable,
-        $grid: $xeTable.xegrid,
+        $grid: $xeGrid,
         columns: customColumnList,
         isAllChecked,
         isAllIndeterminate,
@@ -253,7 +254,7 @@ const renderSimplePanel = (h, _vm) => {
         class: ['vxe-table-custom-wrapper', `placement--${placement}`, {
                 'is--active': customStore.visible
             }],
-        style: maxHeight && !['left', 'right'].includes(placement)
+        style: maxHeight && !['left', 'right'].includes(placement || '')
             ? {
                 maxHeight: `${maxHeight}px`
             }
@@ -391,6 +392,7 @@ const renderPopupPanel = (h, _vm) => {
     const $xeTable = _vm.$xeTable;
     const tableProps = $xeTable;
     const reactData = $xeTable;
+    const $xeGrid = $xeTable.$xeGrid;
     const { customStore } = props;
     const { resizable: allResizable } = tableProps;
     const { isCustomStatus, customColumnList } = reactData;
@@ -417,7 +419,7 @@ const renderPopupPanel = (h, _vm) => {
     const isAllIndeterminate = customStore.isIndeterminate;
     const params = {
         $table: $xeTable,
-        $grid: $xeTable.xegrid,
+        $grid: $xeGrid,
         columns: customColumnList,
         isAllChecked,
         isAllIndeterminate,
@@ -802,9 +804,6 @@ export default {
     inject: {
         $xeTable: {
             default: null
-        },
-        $xetable: {
-            default: null
         }
     },
     data() {
@@ -822,8 +821,8 @@ export default {
         const VxeUINumberInputComponent = VxeUI.getComponent('VxeNumberInput');
         const VxeUIRadioGroupComponent = VxeUI.getComponent('VxeRadioGroup');
         this.$nextTick(() => {
-            const { $xetable } = this;
-            const { customOpts } = $xetable;
+            const $xeTable = this.$xeTable;
+            const { customOpts } = $xeTable;
             const { mode } = customOpts;
             if (!VxeUIModalComponent) {
                 errLog('vxe.error.reqComp', ['vxe-modal']);
@@ -852,16 +851,18 @@ export default {
     },
     methods: {
         handleWrapperMouseenterEvent(evnt) {
-            const { $xetable, customStore } = this;
+            const $xeTable = this.$xeTable;
+            const { customStore } = this;
             customStore.activeWrapper = true;
-            $xetable.customOpenEvent(evnt);
+            $xeTable.customOpenEvent(evnt);
         },
         handleWrapperMouseleaveEvent(evnt) {
-            const { $xetable, customStore } = this;
+            const $xeTable = this.$xeTable;
+            const { customStore } = this;
             customStore.activeWrapper = false;
             setTimeout(() => {
                 if (!customStore.activeBtn && !customStore.activeWrapper) {
-                    $xetable.customCloseEvent(evnt);
+                    $xeTable.customCloseEvent(evnt);
                 }
             }, 300);
         },
@@ -888,10 +889,10 @@ export default {
             $xeTable.emitCustomEvent('cancel', $event);
         },
         handleResetCustomEvent(evnt) {
-            const { $xetable } = this;
-            $xetable.resetCustom(true);
-            $xetable.closeCustom();
-            $xetable.emitCustomEvent('reset', evnt);
+            const $xeTable = this.$xeTable;
+            $xeTable.resetCustom(true);
+            $xeTable.closeCustom();
+            $xeTable.emitCustomEvent('reset', evnt);
         },
         resetCustomEvent(evnt) {
             if (VxeUI.modal) {
@@ -964,7 +965,7 @@ export default {
             $xeTable.checkCustomStatus();
         },
         changeColumnWidth(column) {
-            const $xeTable = this.$xetable;
+            const $xeTable = this.$xeTable;
             const reactData = $xeTable;
             const customOpts = $xeTable.computeCustomOpts;
             if (customOpts.immediate) {
@@ -978,7 +979,7 @@ export default {
             }
         },
         changeFixedOption(column, colFixed) {
-            const $xeTable = this.$xetable;
+            const $xeTable = this.$xeTable;
             const reactData = $xeTable;
             const isMaxFixedColumn = $xeTable.computeIsMaxFixedColumn;
             const customOpts = $xeTable.computeCustomOpts;
@@ -1017,11 +1018,11 @@ export default {
             }
         },
         allOptionEvent() {
-            const { $xetable } = this;
-            $xetable.toggleCustomAllCheckbox();
+            const $xeTable = this.$xeTable;
+            $xeTable.toggleCustomAllCheckbox();
         },
         sortMousedownEvent(evnt) {
-            const $xeTable = this.$xetable;
+            const $xeTable = this.$xeTable;
             const btnEl = evnt.currentTarget;
             const cellEl = btnEl.parentElement;
             const tdEl = cellEl.parentElement;
@@ -1048,7 +1049,7 @@ export default {
             }
         },
         sortDragendEvent(evnt) {
-            const $xeTable = this.$xetable;
+            const $xeTable = this.$xeTable;
             const tableProps = $xeTable;
             const reactData = $xeTable;
             const internalData = $xeTable;
@@ -1222,7 +1223,7 @@ export default {
             removeClass(trEl, 'active--drag-origin');
         },
         sortDragoverEvent(evnt) {
-            const $xeTable = this.$xetable;
+            const $xeTable = this.$xeTable;
             const { dragCol } = this;
             const customOpts = $xeTable.computeCustomOpts;
             const { immediate } = customOpts;

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

@@ -318,6 +318,7 @@ function handleClearEdit($xeTable, evnt, targetRow) {
 function handleEditActive($xeTable, params, evnt, isFocus, isPos) {
     const props = $xeTable;
     const reactData = $xeTable;
+    const $xeGrid = $xeTable.$xeGrid;
     const { editConfig, mouseConfig } = props;
     const { editStore, tableColumn } = reactData;
     const editOpts = $xeTable.computeEditOpts;
@@ -334,7 +335,7 @@ function handleEditActive($xeTable, params, evnt, isFocus, isPos) {
             if (actived.row !== row || (mode === 'cell' ? actived.column !== column : false)) {
                 // 判断是否禁用编辑
                 let type = 'edit-disabled';
-                if (!beforeEditMethod || beforeEditMethod(Object.assign(Object.assign({}, params), { $table: $xeTable, $grid: $xeTable.xegrid }))) {
+                if (!beforeEditMethod || beforeEditMethod(Object.assign(Object.assign({}, params), { $table: $xeTable, $grid: $xeGrid }))) {
                     if (mouseConfig) {
                         $xeTable.clearSelected();
                         if ($xeTable.clearCellAreas) {
@@ -363,7 +364,7 @@ function handleEditActive($xeTable, params, evnt, isFocus, isPos) {
                             $xeTable.handleFocus(params, evnt);
                         }
                         if (afterEditMethod) {
-                            afterEditMethod(Object.assign(Object.assign({}, params), { $table: $xeTable, $grid: $xeTable.xegrid }));
+                            afterEditMethod(Object.assign(Object.assign({}, params), { $table: $xeTable, $grid: $xeGrid }));
                         }
                     });
                 }

package/es/table/module/export/export-panel.js

@@ -78,6 +78,7 @@ export default {
     },
     render(h) {
         const $xeTable = this.$xeTable;
+        const $xeGrid = $xeTable.$xeGrid;
         const { _e, checkedAll, isAll: isAllChecked, isIndeterminate: isAllIndeterminate, showSheet, supportMerge, supportStyle, defaultOptions, storeData } = this;
         const { hasTree, hasMerge, isPrint, hasColgroup, columns } = storeData;
         const { isHeader } = defaultOptions;
@@ -158,7 +159,7 @@ export default {
                 default: () => {
                     const params = {
                         $table: $xeTable,
-                        $grid: $xeTable.xegrid,
+                        $grid: $xeGrid,
                         options: defaultOptions,
                         columns,
                         params: defaultOptions.params
@@ -426,7 +427,7 @@ export default {
                 footer: () => {
                     const params = {
                         $table: $xeTable,
-                        $grid: $xeTable.xegrid,
+                        $grid: $xeGrid,
                         options: defaultOptions,
                         columns,
                         params: defaultOptions.params
@@ -531,9 +532,9 @@ export default {
             }
         },
         printEvent() {
-            const $xetable = this.$parent;
+            const $xeTable = this.$parent;
             this.storeData.visible = false;
-            $xetable.print(Object.assign({}, $xetable.printOpts, this.getExportOption()));
+            $xeTable.print(Object.assign({}, $xeTable.printOpts, this.getExportOption()));
         },
         exportEvent() {
             const $xeTable = this.$xeTable;

package/es/table/module/export/import-panel.js

@@ -61,7 +61,8 @@ export default {
         });
     },
     render(h) {
-        const $xeTable = this.$xeTable;
+        const $xeTable = this.$parent;
+        const $xeGrid = $xeTable.$xeGrid;
         const { hasFile, loading, parseTypeLabel, defaultOptions, storeData, selectName } = this;
         const slots = defaultOptions.slots || {};
         const topSlot = slots.top;
@@ -96,7 +97,7 @@ export default {
                 default: () => {
                     const params = {
                         $table: $xeTable,
-                        $grid: $xeTable.xegrid,
+                        $grid: $xeGrid,
                         options: defaultOptions,
                         params: defaultOptions.params
                     };
@@ -185,7 +186,7 @@ export default {
                 footer: () => {
                     const params = {
                         $table: $xeTable,
-                        $grid: $xeTable.xegrid,
+                        $grid: $xeGrid,
                         options: defaultOptions,
                         params: defaultOptions.params
                     };
@@ -226,8 +227,8 @@ export default {
             });
         },
         selectFileEvent() {
-            const $xetable = this.$parent;
-            $xetable.readFile(this.defaultOptions).then((params) => {
+            const $xeTable = this.$parent;
+            $xeTable.readFile(this.defaultOptions).then((params) => {
                 const { file } = params;
                 Object.assign(this.storeData, parseFile(file), { file });
             }).catch((e) => e);
@@ -245,9 +246,9 @@ export default {
             this.storeData.visible = false;
         },
         importEvent() {
-            const $xetable = this.$parent;
+            const $xeTable = this.$parent;
             this.loading = true;
-            $xetable.importByFile(this.storeData.file, Object.assign({}, $xetable.importOpts, this.defaultOptions)).then(() => {
+            $xeTable.importByFile(this.storeData.file, Object.assign({}, $xeTable.importOpts, this.defaultOptions)).then(() => {
                 this.loading = false;
                 this.storeData.visible = false;
             }).catch(() => {

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

@@ -195,24 +195,24 @@ function getBodyLabelData($xeTable, opts, columns, datas) {
         return item;
     });
 }
-function getExportData($xetable, opts) {
+function getExportData($xeTable, opts) {
     const { columns, dataFilterMethod } = opts;
     let datas = opts.data;
     if (dataFilterMethod) {
         datas = datas.filter((row, index) => dataFilterMethod({ row, $rowIndex: index }));
     }
-    return getBodyLabelData($xetable, opts, columns, datas);
+    return getBodyLabelData($xeTable, opts, columns, datas);
 }
 function getBooleanValue(cellValue) {
     return cellValue === 'TRUE' || cellValue === 'true' || cellValue === true;
 }
-function getHeaderTitle($xetable, opts, column) {
-    const { columnOpts } = $xetable;
+function getHeaderTitle($xeTable, opts, column) {
+    const columnOpts = $xeTable.computeColumnOpts;
     const headExportMethod = column.headerExportMethod || columnOpts.headerExportMethod;
-    return headExportMethod ? headExportMethod({ column, options: opts, $table: $xetable }) : ((opts.original ? column.field : column.getTitle()) || '');
+    return headExportMethod ? headExportMethod({ column, options: opts, $table: $xeTable }) : ((opts.original ? column.field : column.getTitle()) || '');
 }
-function getFooterCellValue($xetable, opts, row, column) {
-    const { columnOpts } = $xetable;
+function getFooterCellValue($xeTable, opts, row, column) {
+    const columnOpts = $xeTable.computeColumnOpts;
     const renderOpts = column.editRender || column.cellRender;
     let footLabelMethod = column.footerExportMethod;
     if (!footLabelMethod && renderOpts && renderOpts.name) {
@@ -224,9 +224,9 @@ function getFooterCellValue($xetable, opts, row, column) {
     if (!footLabelMethod) {
         footLabelMethod = columnOpts.footerExportMethod;
     }
-    const _columnIndex = $xetable.getVTColumnIndex(column);
+    const _columnIndex = $xeTable.getVTColumnIndex(column);
     if (footLabelMethod) {
-        return footLabelMethod({ $table: $xetable, items: row, itemIndex: _columnIndex, row, _columnIndex, column, options: opts });
+        return footLabelMethod({ $table: $xeTable, items: row, itemIndex: _columnIndex, row, _columnIndex, column, options: opts });
     }
     // 兼容老模式
     if (XEUtils.isArray(row)) {
@@ -477,7 +477,8 @@ function toHtml($xeTable, opts, columns, datas) {
     tables.push('</table>', script);
     return isPrint ? tables.join('') : createHtmlPage(opts, tables.join(''));
 }
-function toXML($xetable, opts, columns, datas) {
+function toXML($xeTable, opts, columns, datas) {
+    const reactData = $xeTable;
     let xml = [
         '<?xml version="1.0"?>',
         '<?mso-application progid="Excel.Sheet"?>',
@@ -498,16 +499,16 @@ function toXML($xetable, opts, columns, datas) {
         columns.map(column => `<Column ss:Width="${column.renderWidth}"/>`).join('')
     ].join('');
     if (opts.isHeader) {
-        xml += `<Row>${columns.map(column => `<Cell><Data ss:Type="String">${getHeaderTitle($xetable, opts, column)}</Data></Cell>`).join('')}</Row>`;
+        xml += `<Row>${columns.map(column => `<Cell><Data ss:Type="String">${getHeaderTitle($xeTable, opts, column)}</Data></Cell>`).join('')}</Row>`;
     }
     datas.forEach(row => {
         xml += '<Row>' + columns.map(column => `<Cell><Data ss:Type="String">${row[column.id]}</Data></Cell>`).join('') + '</Row>';
     });
     if (opts.isFooter) {
-        const footerTableData = $xetable.footerTableData;
+        const { footerTableData } = reactData;
         const footers = getFooterData(opts, footerTableData);
         footers.forEach((row) => {
-            xml += `<Row>${columns.map(column => `<Cell><Data ss:Type="String">${getFooterCellValue($xetable, opts, row, column)}</Data></Cell>`).join('')}</Row>`;
+            xml += `<Row>${columns.map(column => `<Cell><Data ss:Type="String">${getFooterCellValue($xeTable, opts, row, column)}</Data></Cell>`).join('')}</Row>`;
         });
     }
     return `${xml}</Table></Worksheet></Workbook>`;
@@ -559,7 +560,7 @@ export function saveLocalFile(options) {
     }
     return Promise.reject(new Error(getI18n('vxe.error.notExp')));
 }
-function downloadFile($xetable, opts, content) {
+function downloadFile($xeTable, opts, content) {
     const { filename, type, download } = opts;
     if (!download) {
         const blob = getExportBlobByContent(content, opts);
@@ -821,8 +822,9 @@ function handleImport($xeTable, content, opts) {
         }
     }
 }
-function handleFileImport($xetable, file, opts) {
-    const { importOpts } = $xetable;
+function handleFileImport($xeTable, file, opts) {
+    const internalData = $xeTable;
+    const importOpts = $xeTable.computeImportOpts;
     const { importMethod, afterImportMethod } = opts;
     const { type, filename } = parseFile(file);
     // 检查类型，如果为自定义导出，则不需要校验类型
@@ -840,21 +842,21 @@ function handleFileImport($xetable, file, opts) {
     const rest = new Promise((resolve, reject) => {
         const _importResolve = (params) => {
             resolve(params);
-            $xetable._importResolve = null;
-            $xetable._importReject = null;
+            $xeTable._importResolve = null;
+            $xeTable._importReject = null;
         };
         const _importReject = (params) => {
             reject(params);
-            $xetable._importResolve = null;
-            $xetable._importReject = null;
+            $xeTable._importResolve = null;
+            $xeTable._importReject = null;
         };
-        $xetable._importResolve = _importResolve;
-        $xetable._importReject = _importReject;
+        $xeTable._importResolve = _importResolve;
+        $xeTable._importReject = _importReject;
         if (window.FileReader) {
             const options = Object.assign({ mode: 'insertTop' }, opts, { type, filename });
             if (options.remote) {
                 if (importMethod) {
-                    Promise.resolve(importMethod({ file, options, $table: $xetable })).then(() => {
+                    Promise.resolve(importMethod({ file, options, $table: $xeTable })).then(() => {
                         _importResolve({ status: true });
                     }).catch(() => {
                         _importResolve({ status: true });
@@ -865,14 +867,15 @@ function handleFileImport($xetable, file, opts) {
                 }
             }
             else {
-                $xetable.preventEvent(null, 'event.import', { file, options, columns: $xetable.tableFullColumn }, () => {
+                const { tableFullColumn } = internalData;
+                $xeTable.preventEvent(null, 'event.import', { file, options, columns: tableFullColumn }, () => {
                     const reader = new FileReader();
                     reader.onerror = () => {
                         errLog('vxe.error.notType', [type]);
                         _importReject({ status: false });
                     };
                     reader.onload = (e) => {
-                        handleImport($xetable, e.target.result, options);
+                        handleImport($xeTable, e.target.result, options);
                     };
                     reader.readAsText(file, options.encoding || 'UTF-8');
                 });
@@ -886,11 +889,11 @@ function handleFileImport($xetable, file, opts) {
     });
     return rest.then(() => {
         if (afterImportMethod) {
-            afterImportMethod({ status: true, options: opts, $table: $xetable });
+            afterImportMethod({ status: true, options: opts, $table: $xeTable });
         }
     }).catch((e) => {
         if (afterImportMethod) {
-            afterImportMethod({ status: false, options: opts, $table: $xetable });
+            afterImportMethod({ status: false, options: opts, $table: $xeTable });
         }
         return Promise.reject(e);
     });
@@ -999,7 +1002,7 @@ function handleExportAndPrint($xeTable, options, isPrint) {
     const props = $xeTable;
     const reactData = $xeTable;
     const internalData = $xeTable;
-    const $xeGrid = $xeTable.xeGrid;
+    const $xeGrid = $xeTable.$xeGrid;
     const { treeConfig, showHeader, showFooter } = props;
     const { initStore, mergeList, mergeFooterList, isGroup, footerTableData, exportStore, exportParams } = reactData;
     const { collectColumn } = internalData;

package/es/table/module/filter/panel.js

@@ -190,19 +190,20 @@ export default {
          *************************/
         // （单选）筛选发生改变
         changeRadioOption(evnt, checked, item) {
-            const { $parent: $xetable, filterStore } = this;
+            const $xeTable = this.$parent;
+            const { filterStore } = this;
             filterStore.options.forEach((option) => {
                 option._checked = false;
             });
             item._checked = checked;
-            $xetable.checkFilterOptions();
+            $xeTable.checkFilterOptions();
             this.confirmFilter(evnt);
         },
         // （多选）筛选发生改变
         changeMultipleOption(evnt, checked, item) {
-            const { $parent: $xetable } = this;
+            const $xeTable = this.$parent;
             item._checked = checked;
-            $xetable.checkFilterOptions();
+            $xeTable.checkFilterOptions();
         },
         changeAllOption(evnt, checked) {
             if (this.filterStore.multiple) {
@@ -223,13 +224,13 @@ export default {
         },
         // 确认筛选
         confirmFilter(evnt) {
-            const { $parent: $xetable } = this;
-            $xetable.handleFilterConfirmFilter(evnt);
+            const $xeTable = this.$parent;
+            $xeTable.handleFilterConfirmFilter(evnt);
         },
         // 重置筛选
         resetFilter(evnt) {
-            const { $parent: $xetable } = this;
-            $xetable.handleFilterResetFilter(evnt);
+            const $xeTable = this.$parent;
+            $xeTable.handleFilterResetFilter(evnt);
         }
         /*************************
          * Publish methods

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

@@ -58,6 +58,7 @@ export default {
          */
         handleGlobalContextmenuEvent(evnt) {
             const $xeTable = this;
+            const $xeGrid = $xeTable.$xeGrid;
             const internalData = $xeTable;
             const { $refs, tId, editStore, menuConfig, contextMenu, ctxMenuStore, ctxMenuOpts, mouseConfig, mouseOpts } = this;
             const { selected } = editStore;
@@ -70,7 +71,7 @@ export default {
                 }
                 if (internalData._keyCtx) {
                     const type = 'body';
-                    const params = { type, $grid: this.$xegrid, $table: this, keyboard: true, columns: this.visibleColumn.slice(0), $event: evnt };
+                    const params = { type, $grid: $xeGrid, $table: this, keyboard: true, columns: this.visibleColumn.slice(0), $event: evnt };
                     // 如果开启单元格区域
                     if (mouseConfig && mouseOpts.area) {
                         const activeArea = this.getActiveCellArea();
@@ -98,7 +99,7 @@ export default {
                         // target=td|th，直接向上找 table 去匹配即可
                         return target.parentNode.parentNode.parentNode.getAttribute('xid') === tId;
                     });
-                    const params = { type: layout, $grid: this.$xegrid, $table: this, columns: this.visibleColumn.slice(0), $event: evnt };
+                    const params = { type: layout, $grid: $xeGrid, $table: this, columns: this.visibleColumn.slice(0), $event: evnt };
                     if (columnTargetNode.flag) {
                         const cell = columnTargetNode.targetElem;
                         const column = this.getColumnNode(cell).item;
@@ -261,10 +262,12 @@ export default {
          * 快捷菜单点击事件
          */
         ctxMenuLinkEvent(evnt, menu) {
+            const $xeTable = this;
+            const $xeGrid = $xeTable.$xeGrid;
             // 如果一级菜单有配置 code 则允许点击，否则不能点击
             if (!menu.disabled && (menu.code || !menu.children || !menu.children.length)) {
                 const gMenuOpts = menus.get(menu.code);
-                const params = Object.assign({ menu, $grid: this.$xegrid, $table: this, $event: evnt }, this.ctxMenuStore.args);
+                const params = Object.assign({ menu, $grid: $xeGrid, $table: this, $event: evnt }, this.ctxMenuStore.args);
                 if (gMenuOpts && gMenuOpts.menuMethod) {
                     gMenuOpts.menuMethod(params, evnt);
                 }

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

@@ -17,7 +17,7 @@ export default {
         }
     },
     render(h) {
-        const $xetable = this.$parent;
+        const $xeTable = this.$parent;
         const { _e, ctxMenuOpts, ctxMenuStore } = this;
         return h('div', {
             class: ['vxe-table--context-menu-wrapper', ctxMenuOpts.className, {
@@ -47,13 +47,13 @@ export default {
                                 class: 'vxe-context-menu--link',
                                 on: {
                                     click(evnt) {
-                                        $xetable.ctxMenuLinkEvent(evnt, item);
+                                        $xeTable.ctxMenuLinkEvent(evnt, item);
                                     },
                                     mouseover(evnt) {
-                                        $xetable.ctxMenuMouseoverEvent(evnt, item);
+                                        $xeTable.ctxMenuMouseoverEvent(evnt, item);
                                     },
                                     mouseout(evnt) {
-                                        $xetable.ctxMenuMouseoutEvent(evnt, item);
+                                        $xeTable.ctxMenuMouseoutEvent(evnt, item);
                                     }
                                 }
                             }, [
@@ -98,13 +98,13 @@ export default {
                                                 class: 'vxe-context-menu--link',
                                                 on: {
                                                     click(evnt) {
-                                                        $xetable.ctxMenuLinkEvent(evnt, child);
+                                                        $xeTable.ctxMenuLinkEvent(evnt, child);
                                                     },
                                                     mouseover(evnt) {
-                                                        $xetable.ctxMenuMouseoverEvent(evnt, item, child);
+                                                        $xeTable.ctxMenuMouseoverEvent(evnt, item, child);
                                                     },
                                                     mouseout(evnt) {
-                                                        $xetable.ctxMenuMouseoutEvent(evnt, item, child);
+                                                        $xeTable.ctxMenuMouseoutEvent(evnt, item);
                                                     }
                                                 }
                                             }, [

package/es/table/src/body.js

@@ -62,6 +62,7 @@ function renderTdColumn(h, _vm, seq, rowid, fixedType, isOptimizeMode, rowLevel,
     const tableProps = $xeTable;
     const tableReactData = $xeTable;
     const tableInternalData = $xeTable;
+    const $xeGrid = $xeTable.$xeGrid;
     const { fullAllDataRowIdData, visibleColumn } = tableInternalData;
     const { columnKey, resizable: allResizable, showOverflow: allShowOverflow, border, height, cellClassName: allCellClassName, cellStyle, align: allAlign, spanMethod, mouseConfig, editConfig, editRules, tooltipConfig, padding: allPadding } = tableProps;
     const { tableData, dragRow, overflowX, currentColumn, scrollXLoad, scrollYLoad, calcCellHeightFlag, resizeHeightFlag, resizeWidthFlag, mergeList, editStore, isAllOverflow, validErrorMaps } = tableReactData;
@@ -115,7 +116,7 @@ function renderTdColumn(h, _vm, seq, rowid, fixedType, isOptimizeMode, rowLevel,
     const tdAttrs = { colid };
     const cellParams = {
         $table: $xeTable,
-        $grid: $xeTable.xegrid,
+        $grid: $xeGrid,
         isEdit: false,
         seq,
         rowid,
@@ -628,6 +629,7 @@ export default {
         const tableProps = $xeTable;
         const tableReactData = $xeTable;
         const tableInternalData = $xeTable;
+        const $xeGrid = $xeTable.$xeGrid;
         const { xID, $scopedSlots } = $xeTable;
         const { fixedColumn, fixedType, tableColumn } = props;
         const { spanMethod, footerSpanMethod, mouseConfig } = tableProps;
@@ -708,7 +710,7 @@ export default {
         }
         let emptyContent;
         if ($scopedSlots.empty) {
-            emptyContent = $scopedSlots.empty.call(this, { $table: $xeTable, $grid: $xeTable.xegrid });
+            emptyContent = $scopedSlots.empty.call(this, { $table: $xeTable, $grid: $xeGrid });
         }
         else {
             const compConf = emptyOpts.name ? renderer.get(emptyOpts.name) : null;
@@ -767,7 +769,10 @@ export default {
                             attrs: {
                                 name: column.id
                             },
-                            key: $columnIndex
+                            key: $columnIndex,
+                            style: {
+                                width: `${column.renderWidth}px`
+                            }
                         });
                     })),
                     /**

package/es/table/src/cell.js

@@ -304,7 +304,7 @@ function renderFooterHandle(h, params) {
     return Cell.renderDefaultFooter(h, params);
 }
 export const Cell = {
-    createColumn($xetable, _vm) {
+    createColumn($xeTable, _vm) {
         const { type } = _vm;
         const renConfs = {
             renderHeader: renderHeaderHandle,
@@ -314,7 +314,7 @@ export const Cell = {
         if (type === 'expand') {
             renConfs.renderData = Cell.renderExpandData;
         }
-        return createColumn($xetable, _vm, renConfs);
+        return createColumn($xeTable, _vm, renConfs);
     },
     /**
      * 列头标题