vxe-table 3.12.0-beta.8 → 3.12.0

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

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-exports.handlePrint = handlePrint;
 exports.readLocalFile = readLocalFile;
 exports.saveLocalFile = saveLocalFile;
 var _xeUtils = _interopRequireDefault(require("xe-utils"));
 var _ui = require("../../../ui");
 var _util = require("../../src/util");
 var _utils = require("../../../ui/src/utils");
-var _dom = require("../../../ui/src/dom");
 var _util2 = require("./util");
 var _log = require("../../../ui/src/log");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -23,30 +21,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
     });
   }
@@ -71,22 +62,23 @@ const toStringValue = cellValue => {
   return (0, _utils.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;
+    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();
@@ -104,11 +96,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) {
@@ -125,8 +117,8 @@ function getBodyLabelData($xeTable, opts, columns, datas) {
             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':
@@ -177,16 +169,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,
@@ -663,7 +652,8 @@ function clearColumnConvert(columns) {
     children: 'children'
   });
 }
-function handleExport($xetable, opts) {
+function handleExport($xeTable, opts) {
+  const $xeGrid = $xeTable.$xeGrid;
   const {
     remote,
     columns,
@@ -675,19 +665,19 @@ function handleExport($xetable, opts) {
     if (remote) {
       const params = {
         options: opts,
-        $table: $xetable,
-        $grid: $xetable.$xegrid
+        $table: $xeTable,
+        $grid: $xeGrid
       };
       resolve(exportMethod ? exportMethod(params) : params);
     } else {
-      const datas = getExportData($xetable, opts);
-      resolve($xetable.preventEvent(null, 'event.export', {
+      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));
+        return downloadFile($xeTable, opts, getContent($xeTable, opts, columns, datas));
       }));
     }
   }).then(params => {
@@ -697,8 +687,8 @@ function handleExport($xetable, opts) {
         afterExportMethod({
           status: true,
           options: opts,
-          $table: $xetable,
-          $grid: $xetable.$xegrid
+          $table: $xeTable,
+          $grid: $xeGrid
         });
       }
     }
@@ -712,8 +702,8 @@ function handleExport($xetable, opts) {
         afterExportMethod({
           status: false,
           options: opts,
-          $table: $xetable,
-          $grid: $xetable.$xegrid
+          $table: $xeTable,
+          $grid: $xeGrid
         });
       }
     }
@@ -1136,79 +1126,42 @@ 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);
-}
-function handlePrint($xetable, opts, content) {
+function handleExportAndPrint($xeTable, options, isPrint) {
+  const props = $xeTable;
+  const reactData = $xeTable;
+  const internalData = $xeTable;
+  const $xeGrid = $xeTable.$xeGrid;
   const {
-    beforePrintMethod
-  } = opts;
-  if (beforePrintMethod) {
-    content = beforePrintMethod({
-      content,
-      options: opts,
-      $table: $xetable
-    }) || '';
-  }
-  content = (0, _util2.createHtmlPage)(opts, content);
-  const blob = (0, _util2.getExportBlobByContent)(content, opts);
-  if (_dom.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) {
+    treeConfig,
+    showHeader,
+    showFooter
+  } = props;
   const {
-    $xegrid,
     initStore,
-    customOpts,
-    collectColumn,
-    footerTableData,
-    treeConfig,
     mergeList,
+    mergeFooterList,
     isGroup,
-    exportParams,
-    exportOpts
-  } = $xetable;
-  const proxyOpts = $xegrid ? $xegrid.proxyOpts : {};
-  const selectRecords = $xetable.getCheckboxRecords();
-  const hasFooter = !!footerTableData.length;
+    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);
@@ -1244,7 +1197,7 @@ function handleExportAndPrint($xetable, options, isPrint) {
     if (isColGroup || defaultFilterExportColumn(column)) {
       column.checked = columns ? columns.some(item => {
         if ((0, _util.isColumnInfo)(item)) {
-          return column === item;
+          return column.id === item.id;
         } else if (_xeUtils.default.isString(item)) {
           return column.field === item;
         } else {
@@ -1270,7 +1223,7 @@ function handleExportAndPrint($xetable, options, isPrint) {
     }
   });
   // 更新条件
-  Object.assign($xetable.exportStore, {
+  Object.assign(exportStore, {
     columns: exportColumns,
     typeList,
     modeList,
@@ -1285,14 +1238,42 @@ 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.default.isFunction(filename)) {
+      exportParams.filename = filename({
+        options: defOpts,
+        $table: $xeTable,
+        $grid: $xeGrid
+      });
+    } else {
+      exportParams.filename = `${filename}`;
+    }
+  }
+  if (sheetName) {
+    if (_xeUtils.default.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 = [];
@@ -1350,12 +1331,13 @@ var _default = exports.default = {
     /**
      * 导出文件，支持 csv/html/xml/txt
      * 如果是树表格，则默认是导出所有节点
-     * 如果是启用了虚拟滚动，则只能导出数据源，可以配合 dataFilterMethod 函数自行转换数据
+     * 如果是启用了虚拟滚动，则只能导出数据源，可以配合 dataFilterMethod 函数转换数据
      * @param {Object} options 参数
      */
     _exportData(options) {
+      const $xeTable = this;
+      const $xeGrid = $xeTable.$xeGrid;
       const {
-        $xegrid,
         isGroup,
         tableGroupColumn,
         tableFullColumn,
@@ -1389,20 +1371,26 @@ var _default = exports.default = {
         print: false
       }, options);
       const {
+        filename,
+        sheetName,
         type,
         mode,
         columns,
         original,
+        columnFilterMethod,
         beforeExportMethod,
-        excludeFields,
-        includeFields
+        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 = ({
+        handleOptions.columnFilterMethod = ({
           column
         }) => {
           if (excludeFields) {
@@ -1420,24 +1408,24 @@ var _default = exports.default = {
         };
       }
       if (customCols) {
-        opts._isCustomColumn = true;
+        handleOptions._isCustomColumn = true;
         groups = _xeUtils.default.searchTree(_xeUtils.default.mapTree(customCols, item => {
           let targetColumn;
           if (item) {
             if ((0, _util.isColumnInfo)(item)) {
               targetColumn = item;
             } else if (_xeUtils.default.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);
               }
@@ -1448,7 +1436,7 @@ var _default = exports.default = {
           children: 'childNodes',
           mapChildren: '_children'
         }), (column, index) => (0, _util.isColumnInfo)(column) && (!columnFilterMethod || columnFilterMethod({
-          column,
+          column: column,
           $columnIndex: index
         })), {
           children: '_children',
@@ -1476,16 +1464,38 @@ var _default = exports.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.default.toDateString(Date.now(), 'yyyyMMddHHmmss')]);
+      handleOptions.columns = cols;
+      handleOptions.colgroups = convertToRows(groups);
+      if (filename) {
+        if (_xeUtils.default.isFunction(filename)) {
+          handleOptions.filename = filename({
+            options: opts,
+            $table: $xeTable,
+            $grid: $xeGrid
+          });
+        } else {
+          handleOptions.filename = `${filename}`;
+        }
       }
-      if (!opts.sheetName) {
-        opts.sheetName = document.title;
+      if (!handleOptions.filename) {
+        handleOptions.filename = getI18n(handleOptions.original ? 'vxe.table.expOriginFilename' : 'vxe.table.expFilename', [_xeUtils.default.toDateString(Date.now(), 'yyyyMMddHHmmss')]);
+      }
+      if (sheetName) {
+        if (_xeUtils.default.isFunction(sheetName)) {
+          handleOptions.sheetName = sheetName({
+            options: opts,
+            $table: $xeTable,
+            $grid: $xeGrid
+          });
+        } else {
+          handleOptions.sheetName = `${sheetName}`;
+        }
+      }
+      if (!handleOptions.sheetName) {
+        handleOptions.sheetName = document.title || '';
       }
       // 检查类型，如果为自定义导出，则不需要校验类型
-      if (!opts.exportMethod && !_xeUtils.default.includes(_xeUtils.default.keys(exportOpts._typeMaps), type)) {
+      if (!handleOptions.exportMethod && !_xeUtils.default.includes(_xeUtils.default.keys(exportOpts._typeMaps), type)) {
         (0, _log.errLog)('vxe.error.notType', [type]);
         if (process.env.NODE_ENV === 'development') {
           if (['xlsx', 'pdf'].includes(type)) {
@@ -1497,21 +1507,21 @@ var _default = exports.default = {
         };
         return Promise.reject(params);
       }
-      if (!opts.print) {
+      if (!handleOptions.print) {
         if (beforeExportMethod) {
           beforeExportMethod({
-            options: opts,
-            $table: this,
-            $grid: $xegrid
+            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.default.searchTree(this.getTableData().fullData, item => selectRecords.indexOf(item) > -1, Object.assign({}, treeOpts, {
+            opts.data = _xeUtils.default.searchTree($xeTable.getTableData().fullData, item => $xeTable.findRowIndexOf(selectRecords, item) > -1, Object.assign({}, treeOpts, {
               data: '_row'
             }));
           } else {
@@ -1519,17 +1529,22 @@ var _default = exports.default = {
           }
         } else if (mode === 'all') {
           if (process.env.NODE_ENV === 'development') {
-            if (!$xegrid) {
+            if (!$xeGrid) {
               (0, _log.warnLog)('vxe.error.errProp', ['all', 'mode=current,selected']);
             }
           }
-          if ($xegrid && !opts.remote) {
+          if ($xeGrid && !handleOptions.remote) {
+            const gridReactData = $xeGrid;
+            const proxyOpts = $xeGrid.computeProxyOpts;
+            const {
+              sortData
+            } = gridReactData;
             const {
               beforeQueryAll,
               afterQueryAll,
-              ajax = {},
-              props = {}
-            } = $xegrid.proxyOpts;
+              ajax = {}
+            } = proxyOpts;
+            const resConfigs = proxyOpts.response || proxyOpts.props || {};
             const ajaxMethods = ajax.queryAll;
             const queryAllSuccessMethods = ajax.queryAllSuccess;
             const queryAllErrorMethods = ajax.queryAllError;
@@ -1540,16 +1555,20 @@ var _default = exports.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.default.get(rest, props.list) : rest) || [];
+                const listProp = resConfigs.list;
+                handleOptions.data = (listProp ? _xeUtils.default.isFunction(listProp) ? listProp({
+                  data: rest,
+                  $grid: $xeGrid
+                }) : _xeUtils.default.get(rest, listProp) : rest) || [];
                 if (afterQueryAll) {
                   afterQueryAll(params);
                 }
@@ -1558,7 +1577,7 @@ var _default = exports.default = {
                     response: rest
                   }));
                 }
-                return handleExport(this, opts);
+                return handleExport($xeTable, handleOptions);
               }).catch(rest => {
                 if (queryAllErrorMethods) {
                   queryAllErrorMethods(Object.assign(Object.assign({}, params), {
@@ -1569,10 +1588,10 @@ var _default = exports.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);
@@ -1629,6 +1648,8 @@ var _default = exports.default = {
       return readLocalFile(options);
     },
     _print(options) {
+      const $xeTable = this;
+      const $xeGrid = $xeTable.$xeGrid;
       const opts = Object.assign({
         original: false
         // beforePrintMethod
@@ -1638,25 +1659,76 @@ var _default = exports.default = {
         remote: false,
         print: true
       });
-      if (!opts.sheetName) {
-        opts.sheetName = document.title;
+      const {
+        sheetName
+      } = opts;
+      let printTitle = '';
+      if (sheetName) {
+        if (_xeUtils.default.isFunction(sheetName)) {
+          printTitle = sheetName({
+            options: opts,
+            $table: $xeTable,
+            $grid: $xeGrid
+          });
+        } else {
+          printTitle = `${sheetName}`;
+        }
       }
-      return new Promise(resolve => {
-        if (opts.content) {
-          resolve(handlePrint(this, opts, opts.content));
+      if (!printTitle) {
+        printTitle = document.title || '';
+      }
+      const beforePrintMethod = opts.beforePrintMethod;
+      const tableHtml = opts.html || opts.content;
+      return new Promise((resolve, reject) => {
+        if (_ui.VxeUI.print) {
+          if (tableHtml) {
+            resolve(_ui.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 _ui.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
@@ -1666,7 +1738,7 @@ var _default = exports.default = {
         remote: false,
         print: true
       });
-      return this.exportData(opts).then(({
+      return $xeTable.exportData(opts).then(({
         content
       }) => {
         return {