vxe-table 3.12.0-beta.9 → 3.12.0

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

@@ -1096,7 +1096,7 @@ export default {
                                 }
                                 if (oldAllMaps[newColumn.id]) {
                                     isSelfToChildStatus = true;
-                                    if (!isSelfToChildDrag) {
+                                    if (!(isCrossDrag && isSelfToChildDrag)) {
                                         if (VxeUI.modal) {
                                             VxeUI.modal.message({
                                                 status: 'error',
@@ -1120,7 +1120,7 @@ export default {
                                 }
                                 if (oldAllMaps[newColumn.id]) {
                                     isSelfToChildStatus = true;
-                                    if (!isSelfToChildDrag) {
+                                    if (!(isCrossDrag && isSelfToChildDrag)) {
                                         if (VxeUI.modal) {
                                             VxeUI.modal.message({
                                                 status: 'error',
@@ -1136,7 +1136,7 @@ export default {
                             }
                             const oldewMatchRest = XEUtils.findTree(collectColumn, item => item.id === oldColumn.id);
                             // 改变层级
-                            if (isSelfToChildStatus && isSelfToChildDrag) {
+                            if (isSelfToChildStatus && (isCrossDrag && isSelfToChildDrag)) {
                                 if (oldewMatchRest) {
                                     const { items: oCols, index: oIndex } = oldewMatchRest;
                                     const childList = oldColumn.children || [];
@@ -1160,7 +1160,7 @@ export default {
                             if (newMatchRest) {
                                 const { items: nCols, index: nIndex, parent: nParent } = newMatchRest;
                                 // 转子级
-                                if (isToChildDrag && prevDragToChild) {
+                                if ((isCrossDrag && isToChildDrag) && prevDragToChild) {
                                     oldColumn.parentId = newColumn.id;
                                     newColumn.children = (newColumn.children || []).concat([oldColumn]);
                                 }
@@ -1243,7 +1243,7 @@ export default {
                     showDropTip(this, evnt, optEl, false, dragPos);
                     return;
                 }
-                this.prevDragToChild = !!(isToChildDrag && hasCtrlKey && immediate);
+                this.prevDragToChild = !!((isCrossDrag && isToChildDrag) && hasCtrlKey && immediate);
                 this.prevDragCol = column;
                 this.prevDragPos = dragPos;
                 showDropTip(this, evnt, optEl, true, dragPos);

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

@@ -2,7 +2,6 @@ import XEUtils from 'xe-utils';
 import { VxeUI } from '../../../ui';
 import { isColumnInfo, mergeBodyMethod, getCellValue } from '../../src/util';
 import { parseFile, formatText, eqEmptyValue } from '../../../ui/src/utils';
-import { browse } from '../../../ui/src/dom';
 import { createHtmlPage, getExportBlobByContent } from './util';
 import { warnLog, errLog } from '../../../ui/src/log';
 const { getI18n, renderer } = VxeUI;
@@ -10,30 +9,23 @@ let htmlCellElem;
 // 导入
 let fileForm;
 let fileInput;
-// 打印
-let printFrame;
 const csvBOM = '\ufeff';
 const enterSymbol = '\r\n';
-function createFrame() {
-    const frame = document.createElement('iframe');
-    frame.className = 'vxe-table--print-frame';
-    return frame;
-}
-function hasTreeChildren($xetable, row) {
-    const treeOpts = $xetable.treeOpts;
+function hasTreeChildren($xeTable, row) {
+    const treeOpts = $xeTable.computeTreeOpts;
     const childrenField = treeOpts.children || treeOpts.childrenField;
-    return row[childrenField] && row[childrenField].length > 0;
+    return row[childrenField] && row[childrenField].length;
 }
-function getSeq($xetable, cellValue, row, $rowIndex, column, $columnIndex) {
-    const seqOpts = $xetable.seqOpts;
+function getSeq($xeTable, cellValue, row, $rowIndex, column, $columnIndex) {
+    const seqOpts = $xeTable.computeSeqOpts;
     const seqMethod = seqOpts.seqMethod || column.seqMethod;
     if (seqMethod) {
         return seqMethod({
             row,
-            rowIndex: $xetable.getRowIndex(row),
+            rowIndex: $xeTable.getRowIndex(row),
             $rowIndex,
             column,
-            columnIndex: $xetable.getColumnIndex(column),
+            columnIndex: $xeTable.getColumnIndex(column),
             $columnIndex
         });
     }
@@ -58,13 +50,18 @@ const toStringValue = (cellValue) => {
     return eqEmptyValue(cellValue) ? '' : `${cellValue}`;
 };
 function getBodyLabelData($xeTable, opts, columns, datas) {
+    const props = $xeTable;
     const { isAllExpand, mode } = opts;
-    const { treeConfig, treeOpts, radioOpts, checkboxOpts, columnOpts } = $xeTable;
-    const childrenField = treeOpts.children || treeOpts.childrenField;
+    const { treeConfig } = props;
+    const radioOpts = $xeTable.computeRadioOpts;
+    const checkboxOpts = $xeTable.computeCheckboxOpts;
+    const treeOpts = $xeTable.computeTreeOpts;
+    const columnOpts = $xeTable.computeColumnOpts;
     if (!htmlCellElem) {
         htmlCellElem = document.createElement('div');
     }
     if (treeConfig) {
+        const childrenField = treeOpts.children || treeOpts.childrenField;
         // 如果是树表格只允许导出数据源
         const rest = [];
         const expandMaps = new Map();
@@ -82,11 +79,11 @@ function getBodyLabelData($xeTable, opts, columns, datas) {
                 columns.forEach((column, $columnIndex) => {
                     let cellValue = '';
                     const renderOpts = column.editRender || column.cellRender;
-                    let bodyExportMethod = column.exportMethod;
+                    let bodyExportMethod = column.exportMethod || columnOpts.exportMethod;
                     if (!bodyExportMethod && renderOpts && renderOpts.name) {
                         const compConf = renderer.get(renderOpts.name);
                         if (compConf) {
-                            bodyExportMethod = compConf.tableExportMethod || compConf.exportMethod || compConf.cellExportMethod;
+                            bodyExportMethod = compConf.tableExportMethod || compConf.exportMethod;
                         }
                     }
                     if (!bodyExportMethod) {
@@ -98,8 +95,8 @@ function getBodyLabelData($xeTable, opts, columns, datas) {
                     else {
                         switch (column.type) {
                             case 'seq': {
-                                const seqValue = path.map((num, i) => i % 2 === 0 ? (Number(num) + 1) : '.').join('');
-                                cellValue = mode === 'all' ? seqValue : getSeq($xeTable, seqValue, row, $rowIndex, column, $columnIndex);
+                                const seqVal = path.map((num, i) => i % 2 === 0 ? (Number(num) + 1) : '.').join('');
+                                cellValue = mode === 'all' ? seqVal : getSeq($xeTable, seqVal, row, $rowIndex, column, $columnIndex);
                                 break;
                             }
                             case 'checkbox':
@@ -146,16 +143,13 @@ function getBodyLabelData($xeTable, opts, columns, datas) {
         columns.forEach((column, $columnIndex) => {
             let cellValue = '';
             const renderOpts = column.editRender || column.cellRender;
-            let bodyExportMethod = column.exportMethod;
+            let bodyExportMethod = column.exportMethod || columnOpts.exportMethod;
             if (!bodyExportMethod && renderOpts && renderOpts.name) {
                 const compConf = renderer.get(renderOpts.name);
                 if (compConf) {
-                    bodyExportMethod = compConf.tableExportMethod || compConf.exportMethod || compConf.cellExportMethod;
+                    bodyExportMethod = compConf.tableExportMethod || compConf.exportMethod;
                 }
             }
-            if (!bodyExportMethod) {
-                bodyExportMethod = columnOpts.exportMethod;
-            }
             if (bodyExportMethod) {
                 cellValue = bodyExportMethod({ $table: $xeTable, row, column, options: opts });
             }
@@ -583,24 +577,25 @@ function clearColumnConvert(columns) {
         delete column.childNodes;
     }, { children: 'children' });
 }
-function handleExport($xetable, opts) {
+function handleExport($xeTable, opts) {
+    const $xeGrid = $xeTable.$xeGrid;
     const { remote, columns, colgroups, exportMethod, afterExportMethod } = opts;
     return new Promise(resolve => {
         if (remote) {
-            const params = { options: opts, $table: $xetable, $grid: $xetable.$xegrid };
+            const params = { options: opts, $table: $xeTable, $grid: $xeGrid };
             resolve(exportMethod ? exportMethod(params) : params);
         }
         else {
-            const datas = getExportData($xetable, opts);
-            resolve($xetable.preventEvent(null, 'event.export', { options: opts, columns, colgroups, datas }, () => {
-                return downloadFile($xetable, opts, getContent($xetable, opts, columns, datas));
+            const datas = getExportData($xeTable, opts);
+            resolve($xeTable.preventEvent(null, 'event.export', { options: opts, columns, colgroups, datas }, () => {
+                return downloadFile($xeTable, opts, getContent($xeTable, opts, columns, datas));
             }));
         }
     }).then((params) => {
         clearColumnConvert(columns);
         if (!opts.print) {
             if (afterExportMethod) {
-                afterExportMethod({ status: true, options: opts, $table: $xetable, $grid: $xetable.$xegrid });
+                afterExportMethod({ status: true, options: opts, $table: $xeTable, $grid: $xeGrid });
             }
         }
         return Object.assign({ status: true }, params);
@@ -608,7 +603,7 @@ function handleExport($xetable, opts) {
         clearColumnConvert(columns);
         if (!opts.print) {
             if (afterExportMethod) {
-                afterExportMethod({ status: false, options: opts, $table: $xetable, $grid: $xetable.$xegrid });
+                afterExportMethod({ status: false, options: opts, $table: $xeTable, $grid: $xeGrid });
             }
         }
         const params = { status: false };
@@ -948,64 +943,28 @@ export function readLocalFile(options = {}) {
         fileInput.click();
     });
 }
-function removePrintFrame() {
-    if (printFrame) {
-        if (printFrame.parentNode) {
-            try {
-                printFrame.contentDocument.write('');
-            }
-            catch (e) { }
-            printFrame.parentNode.removeChild(printFrame);
-        }
-        printFrame = null;
-    }
-}
-function appendPrintFrame() {
-    if (!printFrame.parentNode) {
-        document.body.appendChild(printFrame);
-    }
-}
-function afterPrintEvent() {
-    requestAnimationFrame(removePrintFrame);
-}
-export function handlePrint($xetable, opts, content) {
-    const { beforePrintMethod } = opts;
-    if (beforePrintMethod) {
-        content = beforePrintMethod({ content, options: opts, $table: $xetable }) || '';
-    }
-    content = createHtmlPage(opts, content);
-    const blob = getExportBlobByContent(content, opts);
-    if (browse.msie) {
-        removePrintFrame();
-        printFrame = createFrame();
-        appendPrintFrame();
-        printFrame.contentDocument.write(content);
-        printFrame.contentDocument.execCommand('print');
-    }
-    else {
-        if (!printFrame) {
-            printFrame = createFrame();
-            printFrame.onload = (evnt) => {
-                if (evnt.target.src) {
-                    evnt.target.contentWindow.onafterprint = afterPrintEvent;
-                    evnt.target.contentWindow.print();
-                }
-            };
-        }
-        appendPrintFrame();
-        printFrame.src = URL.createObjectURL(blob);
-    }
-}
-function handleExportAndPrint($xetable, options, isPrint) {
-    const { $xegrid, initStore, customOpts, collectColumn, footerTableData, treeConfig, mergeList, isGroup, exportParams, exportOpts } = $xetable;
-    const proxyOpts = $xegrid ? $xegrid.proxyOpts : {};
-    const selectRecords = $xetable.getCheckboxRecords();
-    const hasFooter = !!footerTableData.length;
+function handleExportAndPrint($xeTable, options, isPrint) {
+    const props = $xeTable;
+    const reactData = $xeTable;
+    const internalData = $xeTable;
+    const $xeGrid = $xeTable.$xeGrid;
+    const { treeConfig, showHeader, showFooter } = props;
+    const { initStore, mergeList, mergeFooterList, isGroup, footerTableData, exportStore, exportParams } = reactData;
+    const { collectColumn } = internalData;
+    const exportOpts = $xeTable.computeExportOpts;
     const hasTree = treeConfig;
-    const hasMerge = !hasTree && mergeList.length;
+    const customOpts = $xeTable.computeCustomOpts;
+    const selectRecords = $xeTable.getCheckboxRecords();
+    const proxyOpts = $xeGrid ? $xeGrid.computeProxyOpts : {};
+    const hasFooter = !!footerTableData.length;
+    const hasMerge = !!(mergeList.length || mergeFooterList.length);
     const defOpts = Object.assign({
         message: true,
-        isHeader: true,
+        isHeader: showHeader,
+        isFooter: showFooter,
+        isColgroup: isGroup,
+        isMerge: hasMerge,
+        useStyle: true,
         current: 'current',
         modes: ['current', 'selected'].concat(proxyOpts.ajax && proxyOpts.ajax.queryAll ? ['all'] : [])
     }, options);
@@ -1040,7 +999,7 @@ function handleExportAndPrint($xetable, options, isPrint) {
             column.checked = columns
                 ? columns.some((item) => {
                     if (isColumnInfo(item)) {
-                        return column === item;
+                        return column.id === item.id;
                     }
                     else if (XEUtils.isString(item)) {
                         return column.field === item;
@@ -1070,7 +1029,7 @@ function handleExportAndPrint($xetable, options, isPrint) {
         }
     });
     // 更新条件
-    Object.assign($xetable.exportStore, {
+    Object.assign(exportStore, {
         columns: exportColumns,
         typeList,
         modeList,
@@ -1085,14 +1044,39 @@ function handleExportAndPrint($xetable, options, isPrint) {
     Object.assign(exportParams, {
         mode: selectRecords.length ? 'selected' : 'current'
     }, defOpts);
-    if (!modeList.some((item) => item.value === exportParams.mode)) {
+    const { filename, sheetName, mode, type } = exportParams;
+    if (filename) {
+        if (XEUtils.isFunction(filename)) {
+            exportParams.filename = filename({
+                options: defOpts,
+                $table: $xeTable,
+                $grid: $xeGrid
+            });
+        }
+        else {
+            exportParams.filename = `${filename}`;
+        }
+    }
+    if (sheetName) {
+        if (XEUtils.isFunction(sheetName)) {
+            exportParams.sheetName = sheetName({
+                options: defOpts,
+                $table: $xeTable,
+                $grid: $xeGrid
+            });
+        }
+        else {
+            exportParams.sheetName = `${sheetName}`;
+        }
+    }
+    if (!modeList.some(item => item.value === mode)) {
         exportParams.mode = modeList[0].value;
     }
-    if (!typeList.some((item) => item.value === exportParams.type)) {
+    if (!typeList.some(item => item.value === type)) {
         exportParams.type = typeList[0].value;
     }
     initStore.export = true;
-    return $xetable.$nextTick();
+    return $xeTable.$nextTick();
 }
 const getConvertColumns = (columns) => {
     const result = [];
@@ -1153,11 +1137,13 @@ export default {
         /**
          * 导出文件，支持 csv/html/xml/txt
          * 如果是树表格，则默认是导出所有节点
-         * 如果是启用了虚拟滚动，则只能导出数据源，可以配合 dataFilterMethod 函数自行转换数据
+         * 如果是启用了虚拟滚动，则只能导出数据源，可以配合 dataFilterMethod 函数转换数据
          * @param {Object} options 参数
          */
         _exportData(options) {
-            const { $xegrid, isGroup, tableGroupColumn, tableFullColumn, afterFullData, treeConfig, treeOpts, exportOpts } = this;
+            const $xeTable = this;
+            const $xeGrid = $xeTable.$xeGrid;
+            const { isGroup, tableGroupColumn, tableFullColumn, afterFullData, treeConfig, treeOpts, exportOpts } = this;
             const opts = Object.assign({
                 // filename: '',
                 // sheetName: '',
@@ -1182,13 +1168,13 @@ export default {
             }, exportOpts, {
                 print: false
             }, options);
-            const { type, mode, columns, original, beforeExportMethod, excludeFields, includeFields } = opts;
+            const { filename, sheetName, type, mode, columns, original, columnFilterMethod, beforeExportMethod, includeFields, excludeFields } = opts;
             let groups = [];
             const customCols = columns && columns.length ? columns : null;
+            const handleOptions = Object.assign({}, opts, { filename: '', sheetName: '' });
             // 如果设置源数据，则默认导出设置了字段的列
-            let columnFilterMethod = opts.columnFilterMethod;
             if (!customCols && !columnFilterMethod) {
-                columnFilterMethod = ({ column }) => {
+                handleOptions.columnFilterMethod = ({ column }) => {
                     if (excludeFields) {
                         if (XEUtils.includes(excludeFields, column.field)) {
                             return false;
@@ -1204,28 +1190,28 @@ export default {
                 };
             }
             if (customCols) {
-                opts._isCustomColumn = true;
-                groups = XEUtils.searchTree(XEUtils.mapTree(customCols, item => {
+                handleOptions._isCustomColumn = true;
+                groups = XEUtils.searchTree(XEUtils.mapTree(customCols, (item) => {
                     let targetColumn;
                     if (item) {
                         if (isColumnInfo(item)) {
                             targetColumn = item;
                         }
                         else if (XEUtils.isString(item)) {
-                            targetColumn = this.getColumnByField(item);
+                            targetColumn = $xeTable.getColumnByField(item);
                         }
                         else {
                             const colid = item.id || item.colId;
                             const type = item.type;
                             const field = item.field;
                             if (colid) {
-                                targetColumn = this.getColumnById(colid);
+                                targetColumn = $xeTable.getColumnById(colid);
                             }
                             else if (field && type) {
                                 targetColumn = tableFullColumn.find((column) => column.field === field && column.type === type);
                             }
                             else if (field) {
-                                targetColumn = this.getColumnByField(field);
+                                targetColumn = $xeTable.getColumnByField(field);
                             }
                             else if (type) {
                                 targetColumn = tableFullColumn.find((column) => column.type === type);
@@ -1236,7 +1222,7 @@ export default {
                 }, {
                     children: 'childNodes',
                     mapChildren: '_children'
-                }), (column, index) => isColumnInfo(column) && (!columnFilterMethod || columnFilterMethod({ column, $columnIndex: index })), {
+                }), (column, index) => isColumnInfo(column) && (!columnFilterMethod || columnFilterMethod({ column: column, $columnIndex: index })), {
                     children: '_children',
                     mapChildren: 'childNodes',
                     original: true
@@ -1254,16 +1240,40 @@ export default {
                 }
             }, { children: 'childNodes' });
             // 构建分组层级
-            opts.columns = cols;
-            opts.colgroups = convertToRows(groups);
-            if (!opts.filename) {
-                opts.filename = getI18n(opts.original ? 'vxe.table.expOriginFilename' : 'vxe.table.expFilename', [XEUtils.toDateString(Date.now(), 'yyyyMMddHHmmss')]);
+            handleOptions.columns = cols;
+            handleOptions.colgroups = convertToRows(groups);
+            if (filename) {
+                if (XEUtils.isFunction(filename)) {
+                    handleOptions.filename = filename({
+                        options: opts,
+                        $table: $xeTable,
+                        $grid: $xeGrid
+                    });
+                }
+                else {
+                    handleOptions.filename = `${filename}`;
+                }
+            }
+            if (!handleOptions.filename) {
+                handleOptions.filename = getI18n(handleOptions.original ? 'vxe.table.expOriginFilename' : 'vxe.table.expFilename', [XEUtils.toDateString(Date.now(), 'yyyyMMddHHmmss')]);
+            }
+            if (sheetName) {
+                if (XEUtils.isFunction(sheetName)) {
+                    handleOptions.sheetName = sheetName({
+                        options: opts,
+                        $table: $xeTable,
+                        $grid: $xeGrid
+                    });
+                }
+                else {
+                    handleOptions.sheetName = `${sheetName}`;
+                }
             }
-            if (!opts.sheetName) {
-                opts.sheetName = document.title;
+            if (!handleOptions.sheetName) {
+                handleOptions.sheetName = document.title || '';
             }
             // 检查类型，如果为自定义导出，则不需要校验类型
-            if (!opts.exportMethod && !XEUtils.includes(XEUtils.keys(exportOpts._typeMaps), type)) {
+            if (!handleOptions.exportMethod && !XEUtils.includes(XEUtils.keys(exportOpts._typeMaps), type)) {
                 errLog('vxe.error.notType', [type]);
                 if (process.env.NODE_ENV === 'development') {
                     if (['xlsx', 'pdf'].includes(type)) {
@@ -1273,17 +1283,17 @@ export default {
                 const params = { status: false };
                 return Promise.reject(params);
             }
-            if (!opts.print) {
+            if (!handleOptions.print) {
                 if (beforeExportMethod) {
-                    beforeExportMethod({ options: opts, $table: this, $grid: $xegrid });
+                    beforeExportMethod({ options: handleOptions, $table: $xeTable, $grid: $xeGrid });
                 }
             }
             if (!opts.data) {
-                opts.data = [];
+                handleOptions.data = [];
                 if (mode === 'selected') {
-                    const selectRecords = this.getCheckboxRecords();
+                    const selectRecords = $xeTable.getCheckboxRecords();
                     if (['html', 'pdf'].indexOf(type) > -1 && treeConfig) {
-                        opts.data = XEUtils.searchTree(this.getTableData().fullData, (item) => selectRecords.indexOf(item) > -1, Object.assign({}, treeOpts, { data: '_row' }));
+                        opts.data = XEUtils.searchTree($xeTable.getTableData().fullData, item => $xeTable.findRowIndexOf(selectRecords, item) > -1, Object.assign({}, treeOpts, { data: '_row' }));
                     }
                     else {
                         opts.data = selectRecords;
@@ -1291,12 +1301,16 @@ export default {
                 }
                 else if (mode === 'all') {
                     if (process.env.NODE_ENV === 'development') {
-                        if (!$xegrid) {
+                        if (!$xeGrid) {
                             warnLog('vxe.error.errProp', ['all', 'mode=current,selected']);
                         }
                     }
-                    if ($xegrid && !opts.remote) {
-                        const { beforeQueryAll, afterQueryAll, ajax = {}, props = {} } = $xegrid.proxyOpts;
+                    if ($xeGrid && !handleOptions.remote) {
+                        const gridReactData = $xeGrid;
+                        const proxyOpts = $xeGrid.computeProxyOpts;
+                        const { sortData } = gridReactData;
+                        const { beforeQueryAll, afterQueryAll, ajax = {} } = proxyOpts;
+                        const resConfigs = proxyOpts.response || proxyOpts.props || {};
                         const ajaxMethods = ajax.queryAll;
                         const queryAllSuccessMethods = ajax.queryAllSuccess;
                         const queryAllErrorMethods = ajax.queryAllError;
@@ -1307,24 +1321,25 @@ export default {
                         }
                         if (ajaxMethods) {
                             const params = {
-                                $table: this,
-                                $grid: $xegrid,
-                                sort: $xegrid.sortData,
-                                filters: $xegrid.filterData,
-                                form: $xegrid.formData,
-                                target: ajaxMethods,
-                                options: opts
+                                $table: $xeTable,
+                                $grid: $xeGrid,
+                                sort: sortData.length ? sortData[0] : {},
+                                sorts: sortData,
+                                filters: gridReactData.filterData,
+                                form: gridReactData.formData,
+                                options: handleOptions
                             };
                             return Promise.resolve((beforeQueryAll || ajaxMethods)(params))
                                 .then(rest => {
-                                opts.data = (props.list ? XEUtils.get(rest, props.list) : rest) || [];
+                                const listProp = resConfigs.list;
+                                handleOptions.data = (listProp ? (XEUtils.isFunction(listProp) ? listProp({ data: rest, $grid: $xeGrid }) : XEUtils.get(rest, listProp)) : rest) || [];
                                 if (afterQueryAll) {
                                     afterQueryAll(params);
                                 }
                                 if (queryAllSuccessMethods) {
                                     queryAllSuccessMethods(Object.assign(Object.assign({}, params), { response: rest }));
                                 }
-                                return handleExport(this, opts);
+                                return handleExport($xeTable, handleOptions);
                             })
                                 .catch((rest) => {
                                 if (queryAllErrorMethods) {
@@ -1335,10 +1350,10 @@ export default {
                     }
                 }
                 else if (mode === 'current') {
-                    opts.data = afterFullData;
+                    handleOptions.data = afterFullData;
                 }
             }
-            return handleExport(this, opts);
+            return handleExport($xeTable, opts);
         },
         _importByFile(file, options) {
             const opts = Object.assign({}, options);
@@ -1376,6 +1391,8 @@ export default {
             return readLocalFile(options);
         },
         _print(options) {
+            const $xeTable = this;
+            const $xeGrid = $xeTable.$xeGrid;
             const opts = Object.assign({
                 original: false
                 // beforePrintMethod
@@ -1385,22 +1402,73 @@ export default {
                 remote: false,
                 print: true
             });
-            if (!opts.sheetName) {
-                opts.sheetName = document.title;
+            const { sheetName } = opts;
+            let printTitle = '';
+            if (sheetName) {
+                if (XEUtils.isFunction(sheetName)) {
+                    printTitle = sheetName({
+                        options: opts,
+                        $table: $xeTable,
+                        $grid: $xeGrid
+                    });
+                }
+                else {
+                    printTitle = `${sheetName}`;
+                }
+            }
+            if (!printTitle) {
+                printTitle = document.title || '';
             }
-            return new Promise(resolve => {
-                if (opts.content) {
-                    resolve(handlePrint(this, opts, opts.content));
+            const beforePrintMethod = opts.beforePrintMethod;
+            const tableHtml = opts.html || opts.content;
+            return new Promise((resolve, reject) => {
+                if (VxeUI.print) {
+                    if (tableHtml) {
+                        resolve(VxeUI.print({
+                            title: printTitle,
+                            html: tableHtml,
+                            customStyle: opts.style,
+                            beforeMethod: beforePrintMethod
+                                ? ({ html }) => {
+                                    return beforePrintMethod({
+                                        html,
+                                        content: html,
+                                        options: opts,
+                                        $table: $xeTable
+                                    });
+                                }
+                                : undefined
+                        }));
+                    }
+                    else {
+                        resolve($xeTable.exportData(opts).then(({ content }) => {
+                            return VxeUI.print({
+                                title: printTitle,
+                                html: content,
+                                customStyle: opts.style,
+                                beforeMethod: beforePrintMethod
+                                    ? ({ html }) => {
+                                        return beforePrintMethod({
+                                            html,
+                                            content: html,
+                                            options: opts,
+                                            $table: $xeTable
+                                        });
+                                    }
+                                    : undefined
+                            });
+                        }));
+                    }
                 }
                 else {
-                    resolve(this.exportData(opts).then(({ content }) => {
-                        return handlePrint(this, opts, content);
-                    }));
+                    const e = { status: false };
+                    reject(e);
                 }
             });
         },
         _getPrintHtml(options) {
-            const { printOpts } = this;
+            const $xeTable = this;
+            const printOpts = $xeTable.computePrintOpts;
             const opts = Object.assign({
                 original: false
                 // beforePrintMethod
@@ -1410,7 +1478,7 @@ export default {
                 remote: false,
                 print: true
             });
-            return this.exportData(opts).then(({ content }) => {
+            return $xeTable.exportData(opts).then(({ content }) => {
                 return {
                     html: content
                 };