vxe-table 4.23.8 → 4.23.10

package/packages/table/module/export/hook.ts

@@ -1,2059 +1,2160 @@
-import { nextTick } from 'vue'
-import XEUtils from 'xe-utils'
-import { VxeUI } from '@vxe-ui/core'
-import { isColumnInfo, getCellValue, createHandleGetRowId } from '../../src/util'
-import { parseFile, formatText, eqEmptyValue, hasEnableConf } from '../../../ui/src/utils'
-import { hasClass, toCssUnit } from '../../../ui/src/dom'
-import { createHtmlPage, getExportBlobByContent } from './util'
-import { createComponentLog } from '../../../ui/src/log'
-
-import type { VxeTablePropTypes, VxeColumnPropTypes, TableExportMethods, VxeGridPropTypes, VxeTableDefines, VxeTableConstructor, VxeTablePrivateMethods } from '../../../../types'
-
-const { warnLog, errLog } = createComponentLog('table')
-
-const { getI18n, hooks, renderer } = VxeUI
-
-let htmlCellElem: any
-
-const csvBOM = '\ufeff'
-const enterSymbol = '\r\n'
-
-function defaultFilterExportColumn (column: VxeTableDefines.ColumnInfo) {
-  return !!column.field || ['seq', 'checkbox', 'radio'].indexOf(column.type || '') === -1
-}
-
-const getConvertColumns = (columns: any) => {
-  const result: any = []
-  columns.forEach((column: any) => {
-    if (column.childNodes && column.childNodes.length) {
-      result.push(column)
-      result.push(...getConvertColumns(column.childNodes))
-    } else {
-      result.push(column)
-    }
-  })
-  return result
-}
-
-const convertToRows = (originColumns: any): any[][] => {
-  let maxLevel = 1
-  const traverse = (column: any, parent?: any) => {
-    if (parent) {
-      column._level = parent._level + 1
-      if (maxLevel < column._level) {
-        maxLevel = column._level
-      }
-    }
-    if (column.childNodes && column.childNodes.length) {
-      let colSpan = 0
-      column.childNodes.forEach((subColumn: any) => {
-        traverse(subColumn, column)
-        colSpan += subColumn._colSpan
-      })
-      column._colSpan = colSpan
-    } else {
-      column._colSpan = 1
-    }
-  }
-
-  originColumns.forEach((column: any) => {
-    column._level = 1
-    traverse(column)
-  })
-
-  const rows: any = []
-  for (let i = 0; i < maxLevel; i++) {
-    rows.push([])
-  }
-
-  const allColumns = getConvertColumns(originColumns)
-
-  allColumns.forEach((column: any) => {
-    if (column.childNodes && column.childNodes.length) {
-      column._rowSpan = 1
-    } else {
-      column._rowSpan = maxLevel - column._level + 1
-    }
-    rows[column._level - 1].push(column)
-  })
-
-  return rows
-}
-
-function toTableBorder (border: VxeTablePropTypes.Border | undefined) {
-  if (border === true) {
-    return 'full'
-  }
-  if (border) {
-    return border
-  }
-  return 'default'
-}
-
-function getBooleanValue (cellValue: any) {
-  return cellValue === 'TRUE' || cellValue === 'true' || cellValue === true
-}
-
-function getFooterData ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, opts: VxeTablePropTypes.ExportHandleOptions, footerTableData: any[]) {
-  const $xeGrid = $xeTable.xeGrid
-  const $xeGantt = $xeTable.xeGantt
-
-  const { footerFilterMethod } = opts
-  return footerFilterMethod ? footerTableData.filter((items, index) => footerFilterMethod({ $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, items, $rowIndex: index })) : footerTableData
-}
-
-function getCsvCellTypeLabel (column: any, cellValue: any) {
-  if (cellValue) {
-    if (column.type === 'seq') {
-      return `\t${cellValue}`
-    }
-    switch (column.cellType) {
-      case 'string':
-        if (!isNaN(cellValue)) {
-          return `\t${cellValue}`
-        }
-        break
-      case 'number':
-        break
-      default:
-        if (cellValue.length >= 12 && !isNaN(cellValue)) {
-          return `\t${cellValue}`
-        }
-        break
-    }
-  }
-  return cellValue
-}
-
-function toTxtCellLabel (val: any) {
-  if (/[",\s\n]/.test(val)) {
-    return `"${val.replace(/"/g, '""')}"`
-  }
-  return XEUtils.eqNull(val) ? '' : val
-}
-
-function getElementsByTagName (elem: any, qualifiedName: any) {
-  return elem.getElementsByTagName(qualifiedName) as HTMLElement[]
-}
-
-function getTxtCellKey (now: number) {
-  return `#${now}@${XEUtils.uniqueId()}`
-}
-
-function replaceTxtCell (cell: any, vMaps: any) {
-  return cell.replace(/#\d+@\d+/g, (key: any) => XEUtils.hasOwnProp(vMaps, key) ? vMaps[key] : key)
-}
-
-function getTxtCellValue (val: any, vMaps: any) {
-  const rest = replaceTxtCell(val, vMaps)
-  return rest.replace(/^"+$/g, (qVal: any) => '"'.repeat(Math.ceil(qVal.length / 2)))
-}
-
-function toExportField (tableConf: {
-  fieldMaps: Record<string, VxeTableDefines.ColumnInfo>
-  titleMaps: Record<string, VxeTableDefines.ColumnInfo>
-}, field: string) {
-  const { fieldMaps, titleMaps } = tableConf
-  // title 转 field
-  if (!fieldMaps[field]) {
-    const teCol = titleMaps[field]
-    if (teCol && teCol.field) {
-      field = teCol.field
-    }
-  }
-  return field
-}
-
-function parseCsvAndTxt (tableConf: {
-  fieldMaps: Record<string, VxeTableDefines.ColumnInfo>
-  titleMaps: Record<string, VxeTableDefines.ColumnInfo>
-}, content: string, cellSeparator: string) {
-  const list = content.split(enterSymbol)
-  const rows: any[] = []
-  let fields: string[] = []
-  if (list.length) {
-    const vMaps: any = {}
-    const now = Date.now()
-    list.forEach((rVal) => {
-      if (rVal) {
-        const item: any = {}
-        rVal = rVal.replace(/("")|(\n)/g, (text: string, dVal: string) => {
-          const key = getTxtCellKey(now)
-          vMaps[key] = dVal ? '"' : '\n'
-          return key
-        }).replace(/"(.*?)"/g, (text: string, cVal: string) => {
-          const key = getTxtCellKey(now)
-          vMaps[key] = replaceTxtCell(cVal, vMaps)
-          return key
-        })
-        const cells: string[] = rVal.split(cellSeparator)
-        if (!fields.length) {
-          fields = cells.map((val: string) => toExportField(tableConf, getTxtCellValue(val.trim(), vMaps)))
-        } else {
-          cells.forEach((val, colIndex) => {
-            if (colIndex < fields.length) {
-              item[fields[colIndex]] = getTxtCellValue(val.trim(), vMaps)
-            }
-          })
-          rows.push(item)
-        }
-      }
-    })
-  }
-  return { fields, rows }
-}
-
-function parseCsv (tableConf: {
-  fieldMaps: Record<string, VxeTableDefines.ColumnInfo>
-  titleMaps: Record<string, VxeTableDefines.ColumnInfo>
-}, content: string) {
-  return parseCsvAndTxt(tableConf, content, ',')
-}
-
-function parseTxt (tableConf: {
-  fieldMaps: Record<string, VxeTableDefines.ColumnInfo>
-  titleMaps: Record<string, VxeTableDefines.ColumnInfo>
-}, content: string) {
-  return parseCsvAndTxt(tableConf, content, '\t')
-}
-
-function parseHTML (tableConf: {
-  fieldMaps: Record<string, VxeTableDefines.ColumnInfo>
-  titleMaps: Record<string, VxeTableDefines.ColumnInfo>
-}, content: string) {
-  const domParser = new DOMParser()
-  const xmlDoc = domParser.parseFromString(content, 'text/html')
-  const bodyNodes = getElementsByTagName(xmlDoc, 'body')
-  const rows: any[] = []
-  const fields: string[] = []
-  if (bodyNodes.length) {
-    const tableNodes = getElementsByTagName(bodyNodes[0], 'table')
-    if (tableNodes.length) {
-      const theadNodes = getElementsByTagName(tableNodes[0], 'thead')
-      if (theadNodes.length) {
-        XEUtils.arrayEach(getElementsByTagName(theadNodes[0], 'tr'), rowNode => {
-          XEUtils.arrayEach(getElementsByTagName(rowNode, 'th'), cellNode => {
-            fields.push(toExportField(tableConf, cellNode.textContent || ''))
-          })
-        })
-        const tbodyNodes = getElementsByTagName(tableNodes[0], 'tbody')
-        if (tbodyNodes.length) {
-          XEUtils.arrayEach(getElementsByTagName(tbodyNodes[0], 'tr'), rowNode => {
-            const item: any = {}
-            XEUtils.arrayEach(getElementsByTagName(rowNode, 'td'), (cellNode, colIndex) => {
-              if (fields[colIndex]) {
-                item[fields[colIndex]] = cellNode.textContent || ''
-              }
-            })
-            rows.push(item)
-          })
-        }
-      }
-    }
-  }
-  return { fields, rows }
-}
-
-function parseXML (tableConf: {
-  fieldMaps: Record<string, VxeTableDefines.ColumnInfo>
-  titleMaps: Record<string, VxeTableDefines.ColumnInfo>
-}, content: string) {
-  const domParser = new DOMParser()
-  const xmlDoc = domParser.parseFromString(content, 'application/xml')
-  const sheetNodes = getElementsByTagName(xmlDoc, 'Worksheet')
-  const rows: any[] = []
-  const fields: string[] = []
-  if (sheetNodes.length) {
-    const tableNodes = getElementsByTagName(sheetNodes[0], 'Table')
-    if (tableNodes.length) {
-      const rowNodes = getElementsByTagName(tableNodes[0], 'Row')
-      if (rowNodes.length) {
-        XEUtils.arrayEach(getElementsByTagName(rowNodes[0], 'Cell'), cellNode => {
-          fields.push(toExportField(tableConf, cellNode.textContent || ''))
-        })
-        XEUtils.arrayEach(rowNodes, (rowNode, index) => {
-          if (index) {
-            const item: any = {}
-            const cellNodes = getElementsByTagName(rowNode, 'Cell')
-            XEUtils.arrayEach(cellNodes, (cellNode, colIndex) => {
-              if (fields[colIndex]) {
-                item[fields[colIndex]] = cellNode.textContent
-              }
-            })
-            rows.push(item)
-          }
-        })
-      }
-    }
-  }
-  return { fields, rows }
-}
-
-function clearColumnConvert (columns: any) {
-  XEUtils.eachTree(columns, (column: any) => {
-    delete column._level
-    delete column._colSpan
-    delete column._rowSpan
-    delete column._children
-    delete column.childNodes
-  }, { children: 'children' })
-}
-
-const tableExportMethodKeys: (keyof TableExportMethods)[] = ['exportData', 'importByFile', 'importData', 'saveFile', 'readFile', 'print', 'getPrintHtml', 'openImport', 'closeImport', 'openExport', 'closeExport', 'openPrint', 'closePrint']
-
-hooks.add('tableExportModule', {
-  setupTable ($xeTable) {
-    const { props, reactData, internalData } = $xeTable
-    const { computeTreeOpts, computePrintOpts, computeExportOpts, computeImportOpts, computeSeqOpts, computeRadioOpts, computeCheckboxOpts, computeColumnOpts, computeAggregateOpts, computeRendererOpts } = $xeTable.getComputeMaps()
-
-    const getSeq = (cellValue: any, row: any, $rowIndex: number, column: VxeTableDefines.ColumnInfo, $columnIndex: number) => {
-      const seqOpts = computeSeqOpts.value
-      const seqMd = seqOpts.seqMethod || (column as any).seqMethod
-      if (seqMd) {
-        return seqMd({
-          $table: $xeTable,
-          row,
-          rowIndex: $xeTable.getRowIndex(row),
-          _rowIndex: $xeTable.getVTRowIndex(row),
-          $rowIndex,
-          column,
-          columnIndex: $xeTable.getColumnIndex(column),
-          _columnIndex: $xeTable.getVTColumnIndex(column),
-          $columnIndex
-        })
-      }
-      return cellValue
-    }
-
-    function getHeaderTitle (opts: VxeTablePropTypes.ExportHandleOptions, column: VxeTableDefines.ColumnInfo) {
-      const columnOpts = computeColumnOpts.value
-      const headExportMethod = column.headerExportMethod || columnOpts.headerExportMethod
-      return headExportMethod ? headExportMethod({ column, options: opts, $table: $xeTable }) : ((opts.isTitle ? $xeTable.getHeaderCellLabel(column) : column.field) || '')
-    }
-
-    const toBooleanValue = (cellValue: any) => {
-      return XEUtils.isBoolean(cellValue) ? (cellValue ? 'TRUE' : 'FALSE') : cellValue
-    }
-
-    const toStringValue = (cellValue: any) => {
-      return eqEmptyValue(cellValue) ? '' : `${cellValue}`
-    }
-
-    const getBodyLabelData = (opts: VxeTablePropTypes.ExportHandleOptions, columns: VxeTableDefines.ColumnInfo[], datas: any[]) => {
-      const { isTreeAllExpanded, isRowGroupAllExpanded, mode: expMode } = opts
-      const { treeConfig } = props
-      const { isRowGroupStatus } = reactData
-      const { fullColumnFieldData, fullAllDataRowIdData } = internalData
-      const radioOpts = computeRadioOpts.value
-      const checkboxOpts = computeCheckboxOpts.value
-      const treeOpts = computeTreeOpts.value
-      const columnOpts = computeColumnOpts.value
-      const aggregateOpts = computeAggregateOpts.value
-      const rendererOpts = computeRendererOpts.value
-      if (!htmlCellElem) {
-        htmlCellElem = document.createElement('div')
-      }
-      const { handleGetRowId } = createHandleGetRowId($xeTable)
-      if (isRowGroupStatus) {
-        // 如果是数据分组
-        const { mode: aggMode, showTotal, totalMethod, countFields, contentMethod, formatValuesMethod, mapChildrenField } = aggregateOpts
-        const rest: any[] = []
-        const expandMaps: Record<string, boolean> = {}
-        const useMaps: Record<string, boolean> = {}
-        XEUtils.eachTree(datas, (item, $rowIndex, items, path, parentItem, nodes) => {
-          const row = item._row || item
-          const rowid = handleGetRowId(row)
-          if (useMaps[rowid]) {
-            return
-          }
-          const parentRow = parentItem && parentItem._row ? parentItem._row : parentItem
-          const pRowid = parentRow ? handleGetRowId(parentRow) : ''
-          if ((isRowGroupAllExpanded || !parentRow || (expandMaps[pRowid] && $xeTable.isRowExpandByRow(parentRow)))) {
-            const hasRowChild = mapChildrenField && row[mapChildrenField] && row[mapChildrenField].length
-            const item: any = {
-              _row: row,
-              _level: nodes.length - 1,
-              _hasChild: hasRowChild,
-              _expand: hasRowChild && $xeTable.isRowExpandByRow(row)
-            }
-            columns.forEach((column, $columnIndex) => {
-              const { field, editRender, cellRender, aggFunc, rowGroupNode } = column
-              let cellValue: string | number | boolean | null = ''
-              const renderOpts = editRender || cellRender
-              let bodyExportMethod: VxeColumnPropTypes.ExportMethod | undefined = column.exportMethod || columnOpts.exportMethod
-              if (!bodyExportMethod && renderOpts && renderOpts.name) {
-                const compConf = rendererOpts[renderOpts.name] || renderer.get(renderOpts.name)
-                if (compConf) {
-                  bodyExportMethod = compConf.tableExportMethod || compConf.exportMethod
-                }
-              }
-              if (!bodyExportMethod) {
-                bodyExportMethod = columnOpts.exportMethod
-              }
-              if (bodyExportMethod) {
-                cellValue = bodyExportMethod({ $table: $xeTable, row, column, options: opts })
-              } else {
-                switch (column.type) {
-                  case 'seq': {
-                    const seqVal = path.map((num, i) => i % 2 === 0 ? (Number(num) + 1) : '.').join('')
-                    cellValue = expMode === 'all' ? seqVal : getSeq(seqVal, row, $rowIndex, column, $columnIndex)
-                    break
-                  }
-                  case 'checkbox': {
-                    cellValue = toBooleanValue($xeTable.isCheckedByCheckboxRow(row))
-                    item._checkboxLabel = checkboxOpts.labelField ? XEUtils.get(row, checkboxOpts.labelField) : ''
-                    item._checkboxDisabled = checkboxOpts.checkMethod && !checkboxOpts.checkMethod({ $table: $xeTable, row })
-                    break
-                  }
-                  case 'radio': {
-                    cellValue = toBooleanValue($xeTable.isCheckedByRadioRow(row))
-                    item._radioLabel = radioOpts.labelField ? XEUtils.get(row, radioOpts.labelField) : ''
-                    item._radioDisabled = radioOpts.checkMethod && !radioOpts.checkMethod({ $table: $xeTable, row })
-                    break
-                  }
-                  default: {
-                    if (field && row.isAggregate) {
-                      const aggRow: VxeTableDefines.AggregateRowInfo = row
-                      const aggData = aggRow.aggData
-                      const currAggData = aggData ? aggData[field] : null
-                      const groupField = aggRow.groupField
-                      const groupContent = aggRow.groupContent
-                      const childList = mapChildrenField ? (aggRow[mapChildrenField] || []) : []
-                      const childCount = aggRow.childCount
-                      const colRest = fullColumnFieldData[groupField] || {}
-                      const ctParams = {
-                        $table: $xeTable,
-                        groupField,
-                        groupColumn: (colRest ? colRest.column : null) as VxeTableDefines.ColumnInfo,
-                        column,
-                        groupValue: groupContent,
-                        childList,
-                        childCount,
-                        aggValue: null as any,
-
-                        /**
-                         * 已废弃
-                         * @deprecated
-                         */
-                        children: childList,
-                        /**
-                         * 已废弃
-                         * @deprecated
-                         */
-                        totalValue: childCount
-                      }
-                      if (aggMode === 'column' ? field === aggRow.groupField : rowGroupNode) {
-                        cellValue = groupContent
-                        if (contentMethod) {
-                          cellValue = `${contentMethod(ctParams)}`
-                        }
-                        if (showTotal) {
-                          cellValue = getI18n('vxe.table.rowGroupContentTotal', [cellValue, totalMethod ? totalMethod(ctParams) : childCount, childCount])
-                        }
-                      } else if ($xeTable.getPivotTableAggregateCellAggValue) {
-                        const aggParams = {
-                          $table: $xeTable,
-                          row,
-                          column
-                        }
-                        cellValue = $xeTable.getPivotTableAggregateCellAggValue(aggParams)
-                      } else if (aggFunc === true || (countFields && countFields.includes(field))) {
-                        cellValue = currAggData ? currAggData.value : childCount
-                        ctParams.aggValue = cellValue
-                        if (formatValuesMethod) {
-                          cellValue = formatValuesMethod(ctParams)
-                        }
-                      }
-                    } else if (opts.original) {
-                      cellValue = getCellValue(row, column)
-                    } else {
-                      cellValue = $xeTable.getCellLabel(row, column)
-                      if (column.type === 'html') {
-                        htmlCellElem.innerHTML = cellValue
-                        cellValue = htmlCellElem.innerText.trim()
-                      } else {
-                        const cell = $xeTable.getCellElement(row, column)
-                        if (cell && !hasClass(cell, 'is--progress')) {
-                          cellValue = cell.innerText.trim()
-                        }
-                      }
-                    }
-                    break
-                  }
-                }
-              }
-              item[column.id] = toStringValue(cellValue)
-            })
-            useMaps[rowid] = true
-            if (pRowid) {
-              expandMaps[pRowid] = true
-            }
-            rest.push(Object.assign(item, row))
-          }
-        }, { children: mapChildrenField })
-        return rest
-      }
-      if (treeConfig) {
-        // 如果是树结构
-        const { seqMode } = treeOpts
-        const childrenField = treeOpts.children || treeOpts.childrenField
-        const rest: any[] = []
-        const expandMaps: Record<string, boolean> = {}
-        const useMaps: Record<string, boolean> = {}
-        XEUtils.eachTree(datas, (item, $rowIndex, items, path, parentItem, nodes) => {
-          const row = item._row || item
-          const rowid = handleGetRowId(row)
-          if (useMaps[rowid]) {
-            return
-          }
-          const parentRow = parentItem && parentItem._row ? parentItem._row : parentItem
-          const pRowid = parentRow ? handleGetRowId(parentRow) : ''
-          if ((isTreeAllExpanded || !parentRow || (expandMaps[pRowid] && $xeTable.isTreeExpandByRow(parentRow)))) {
-            const hasRowChild = row[childrenField] && row[childrenField].length
-            const item: any = {
-              _row: row,
-              _level: nodes.length - 1,
-              _hasChild: hasRowChild,
-              _expand: hasRowChild && $xeTable.isTreeExpandByRow(row)
-            }
-            const rowRest = fullAllDataRowIdData[rowid] || {}
-            columns.forEach((column, $columnIndex) => {
-              let cellValue: string | number | boolean | null = ''
-              const renderOpts = column.editRender || column.cellRender
-              let bodyExportMethod: VxeColumnPropTypes.ExportMethod | undefined = column.exportMethod || columnOpts.exportMethod
-              if (!bodyExportMethod && renderOpts && renderOpts.name) {
-                const compConf = rendererOpts[renderOpts.name] || renderer.get(renderOpts.name)
-                if (compConf) {
-                  bodyExportMethod = compConf.tableExportMethod || compConf.exportMethod
-                }
-              }
-              if (!bodyExportMethod) {
-                bodyExportMethod = columnOpts.exportMethod
-              }
-              if (bodyExportMethod) {
-                cellValue = bodyExportMethod({ $table: $xeTable, row, column, options: opts })
-              } else {
-                switch (column.type) {
-                  case 'seq': {
-                    let seqVal: number | string = path.map((num, i) => i % 2 === 0 ? (Number(num) + 1) : '.').join('')
-                    if (seqMode === 'increasing') {
-                      seqVal = rowRest ? (rowRest._index + 1) : -1
-                    }
-                    cellValue = expMode === 'all' ? seqVal : getSeq(seqVal, row, $rowIndex, column, $columnIndex)
-                    break
-                  }
-                  case 'checkbox':
-                    cellValue = toBooleanValue($xeTable.isCheckedByCheckboxRow(row))
-                    item._checkboxLabel = checkboxOpts.labelField ? XEUtils.get(row, checkboxOpts.labelField) : ''
-                    item._checkboxDisabled = checkboxOpts.checkMethod && !checkboxOpts.checkMethod({ $table: $xeTable, row })
-                    break
-                  case 'radio':
-                    cellValue = toBooleanValue($xeTable.isCheckedByRadioRow(row))
-                    item._radioLabel = radioOpts.labelField ? XEUtils.get(row, radioOpts.labelField) : ''
-                    item._radioDisabled = radioOpts.checkMethod && !radioOpts.checkMethod({ $table: $xeTable, row })
-                    break
-                  default:
-                    if (opts.original) {
-                      cellValue = getCellValue(row, column)
-                    } else {
-                      cellValue = $xeTable.getCellLabel(row, column)
-                      if (column.type === 'html') {
-                        htmlCellElem.innerHTML = cellValue
-                        cellValue = htmlCellElem.innerText.trim()
-                      } else {
-                        const cell = $xeTable.getCellElement(row, column)
-                        if (cell && !hasClass(cell, 'is--progress')) {
-                          cellValue = cell.innerText.trim()
-                        }
-                      }
-                    }
-                }
-              }
-              item[column.id] = toStringValue(cellValue)
-            })
-            useMaps[rowid] = true
-            if (pRowid) {
-              expandMaps[pRowid] = true
-            }
-            rest.push(Object.assign(item, row))
-          }
-        }, { children: childrenField })
-        return rest
-      }
-      return datas.map((row, $rowIndex) => {
-        const item: any = {
-          _row: row
-        }
-        columns.forEach((column, $columnIndex) => {
-          let cellValue: string | number | boolean | null = ''
-          const renderOpts = column.editRender || column.cellRender
-          let bodyExportMethod: VxeColumnPropTypes.ExportMethod | undefined = column.exportMethod || columnOpts.exportMethod
-          if (!bodyExportMethod && renderOpts && renderOpts.name) {
-            const compConf = rendererOpts[renderOpts.name] || renderer.get(renderOpts.name)
-            if (compConf) {
-              bodyExportMethod = compConf.tableExportMethod || compConf.exportMethod
-            }
-          }
-          if (bodyExportMethod) {
-            cellValue = bodyExportMethod({ $table: $xeTable, row, column, options: opts })
-          } else {
-            switch (column.type) {
-              case 'seq': {
-                const seqValue = $rowIndex + 1
-                cellValue = expMode === 'all' ? seqValue : getSeq(seqValue, row, $rowIndex, column, $columnIndex)
-                break
-              }
-              case 'checkbox':
-                cellValue = toBooleanValue($xeTable.isCheckedByCheckboxRow(row))
-                item._checkboxLabel = checkboxOpts.labelField ? XEUtils.get(row, checkboxOpts.labelField) : ''
-                item._checkboxDisabled = checkboxOpts.checkMethod && !checkboxOpts.checkMethod({ $table: $xeTable, row })
-                break
-              case 'radio':
-                cellValue = toBooleanValue($xeTable.isCheckedByRadioRow(row))
-                item._radioLabel = radioOpts.labelField ? XEUtils.get(row, radioOpts.labelField) : ''
-                item._radioDisabled = radioOpts.checkMethod && !radioOpts.checkMethod({ $table: $xeTable, row })
-                break
-              default:
-                if (opts.original) {
-                  cellValue = getCellValue(row, column)
-                } else {
-                  cellValue = $xeTable.getCellLabel(row, column)
-                  if (column.type === 'html') {
-                    htmlCellElem.innerHTML = cellValue
-                    cellValue = htmlCellElem.innerText.trim()
-                  } else {
-                    const cell = $xeTable.getCellElement(row, column)
-                    if (cell && !hasClass(cell, 'is--progress')) {
-                      cellValue = cell.innerText.trim()
-                    }
-                  }
-                }
-            }
-          }
-          item[column.id] = toStringValue(cellValue)
-        })
-        return item
-      })
-    }
-
-    const getExportData = (opts: VxeTablePropTypes.ExportHandleOptions) => {
-      const $xeGrid = $xeTable.xeGrid
-      const $xeGantt = $xeTable.xeGantt
-
-      const { columns, dataFilterMethod } = opts
-      let datas = opts.data
-      if (dataFilterMethod) {
-        datas = datas.filter((row, index) => dataFilterMethod({ $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, row, $rowIndex: index }))
-      }
-      return getBodyLabelData(opts, columns, datas)
-    }
-
-    const getFooterCellValue = (opts: VxeTablePropTypes.ExportHandleOptions, row: any, column: VxeTableDefines.ColumnInfo) => {
-      const columnOpts = computeColumnOpts.value
-      const rendererOpts = computeRendererOpts.value
-      const renderOpts = column.editRender || column.cellRender
-      let footLabelMethod: VxeColumnPropTypes.FooterExportMethod | undefined = column.footerExportMethod
-      if (!footLabelMethod && renderOpts && renderOpts.name) {
-        const compConf = rendererOpts[renderOpts.name] || renderer.get(renderOpts.name)
-        if (compConf) {
-          footLabelMethod = compConf.tableFooterExportMethod || compConf.footerExportMethod
-        }
-      }
-      if (!footLabelMethod) {
-        footLabelMethod = columnOpts.footerExportMethod
-      }
-      if (footLabelMethod) {
-        const _columnIndex = $xeTable.getVTColumnIndex(column)
-        return footLabelMethod({ $table: $xeTable, items: row, itemIndex: _columnIndex, row, _columnIndex, column, options: opts })
-      }
-      const cellValue = $xeTable.getFooterCellLabel(row, column)
-      return cellValue
-    }
-
-    const toCsv = ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, opts: VxeTablePropTypes.ExportHandleOptions, columns: VxeTableDefines.ColumnInfo[], datas: any[]) => {
-      let content = csvBOM
-      if (opts.isHeader) {
-        content += columns.map((column) => toTxtCellLabel(getHeaderTitle(opts, column))).join(',') + enterSymbol
-      }
-      datas.forEach((row) => {
-        content += columns.map((column) => toTxtCellLabel(getCsvCellTypeLabel(column, row[column.id]))).join(',') + enterSymbol
-      })
-      if (opts.isFooter) {
-        const { footerTableData } = reactData
-        const footers = getFooterData($xeTable, opts, footerTableData)
-        footers.forEach((row) => {
-          content += columns.map((column: any) => toTxtCellLabel(getFooterCellValue(opts, row, column))).join(',') + enterSymbol
-        })
-      }
-      return content
-    }
-
-    const toTxt = ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, opts: VxeTablePropTypes.ExportHandleOptions, columns: VxeTableDefines.ColumnInfo[], datas: any[]) => {
-      let content = ''
-      if (opts.isHeader) {
-        content += columns.map((column) => toTxtCellLabel(getHeaderTitle(opts, column))).join('\t') + enterSymbol
-      }
-      datas.forEach((row) => {
-        content += columns.map((column) => toTxtCellLabel(row[column.id])).join('\t') + enterSymbol
-      })
-      if (opts.isFooter) {
-        const { footerTableData } = reactData
-        const footers = getFooterData($xeTable, opts, footerTableData)
-        footers.forEach((row) => {
-          content += columns.map((column: any) => toTxtCellLabel(getFooterCellValue(opts, row, column))).join('\t') + enterSymbol
-        })
-      }
-      return content
-    }
-
-    const hasEllipsis = (column: VxeTableDefines.ColumnInfo, property: 'showOverflow' | 'showHeaderOverflow', allColumnOverflow: VxeTablePropTypes.ShowOverflow | undefined) => {
-      const columnOverflow = column[property]
-      const headOverflow = XEUtils.isUndefined(columnOverflow) || XEUtils.isNull(columnOverflow) ? allColumnOverflow : columnOverflow
-      const showEllipsis = headOverflow === 'ellipsis'
-      const showTitle = headOverflow === 'title'
-      const showTooltip = headOverflow === true || headOverflow === 'tooltip'
-      let isEllipsis = showTitle || showTooltip || showEllipsis
-      // 虚拟滚动不支持动态高度
-      const { scrollXLoad, scrollYLoad } = reactData
-      if ((scrollXLoad || scrollYLoad) && !isEllipsis) {
-        isEllipsis = true
-      }
-      return isEllipsis
-    }
-
-    const getCustomColKey = (conf: VxeTableDefines.ColumnInfo<any> | VxeTablePropTypes.ExportOrPrintColumnOption) => {
-      return `${conf.field || ''}:${conf.type || ''}`
-    }
-
-    const toHtml = (opts: VxeTablePropTypes.ExportHandleOptions, columns: VxeTableDefines.ColumnInfo[], datas: any[]) => {
-      const { id, border, treeConfig, headerAlign: allHeaderAlign, align: allAlign, footerAlign: allFooterAlign, showOverflow: allColumnOverflow, showHeaderOverflow: allColumnHeaderOverflow } = props
-      const { isAllSelected, isIndeterminate } = reactData
-      const { mergeBodyCellMaps, mergeFooterCellMaps } = internalData
-      const treeOpts = computeTreeOpts.value
-      const { print: isPrint, widthMode, isHeader, isFooter, isColgroup, isMerge, colgroups, _columnConfs, original } = opts
-      const isAutoWidth = widthMode === 'auto'
-      const isScaleWidth = widthMode === 'scale'
-      const isDefaultWidth = !isAutoWidth && !isScaleWidth
-
-      const customWidthMaps: Record<string, number | string> = {}
-      if (_columnConfs) {
-        _columnConfs.forEach(conf => {
-          if (!isColumnInfo(conf)) {
-            if ((conf.field || conf.type) && conf.width) {
-              customWidthMaps[getCustomColKey(conf)] = conf.width
-            }
-          }
-        })
-      }
-
-      // 计算宽度
-      const colWidthMaps: Record<string, number> = {}
-      const printWidthMaps: Record<string, number> = {}
-      if (isPrint) {
-        let tableWidth = 0
-        columns.forEach(column => {
-          tableWidth += column.renderWidth
-        })
-        if (colgroups) {
-          colgroups.forEach((cols) => {
-            cols.forEach((column: any) => {
-              if (!column.childNodes || !column.childNodes.length) {
-                return
-              }
-              let childWidth = 0
-              let countChild = 0
-              XEUtils.eachTree([column], item => {
-                if (!item.childNodes || !column.childNodes.length) {
-                  countChild++
-                }
-                const ptWidth = printWidthMaps[item.id]
-                childWidth += ptWidth || 0
-              }, { children: 'childNodes' })
-              const colWidth = childWidth - countChild
-              colWidthMaps[column.id] = colWidth
-              printWidthMaps[column.id] = XEUtils.floor(colWidth / tableWidth * 180, 2)
-            })
-          })
-        }
-        columns.forEach(column => {
-          const colWidth = column.renderWidth
-          if (column.width) {
-            colWidthMaps[column.id] = colWidth
-          }
-          printWidthMaps[column.id] = XEUtils.floor(colWidth / tableWidth * 180, 2)
-        })
-      }
-
-      const getHeaderWidthStyle = (column: VxeTableDefines.ColumnInfo) => {
-        const cmColKey = getCustomColKey(column)
-        const cmWidthMaps = customWidthMaps[cmColKey]
-        if (cmWidthMaps) {
-          return 'width:' + toCssUnit(cmWidthMaps)
-        }
-        if (isAutoWidth) {
-          return ''
-        }
-        if (isScaleWidth) {
-          return printWidthMaps[column.id] ? ('width:' + printWidthMaps[column.id] + 'mm') : ''
-        }
-        return colWidthMaps[column.id] ? ('width:' + toCssUnit(colWidthMaps[column.id])) : ''
-      }
-
-      const getCellWidthStyle = (column: VxeTableDefines.ColumnInfo) => {
-        const cmColKey = getCustomColKey(column)
-        const cmWidthMaps = customWidthMaps[cmColKey]
-        if (cmWidthMaps) {
-          return 'width:' + toCssUnit(cmWidthMaps)
-        }
-        if (isAutoWidth || isDefaultWidth) {
-          return ''
-        }
-        if (isScaleWidth) {
-          return printWidthMaps[column.id] ? ('width:' + printWidthMaps[column.id] + 'mm') : ''
-        }
-        return colWidthMaps[column.id] ? ('width:' + toCssUnit(colWidthMaps[column.id])) : ''
-      }
-
-      const allCls = 'check-all'
-      const clss = [
-        'vxe-table',
-        `border--${toTableBorder(border)}`,
-        isPrint ? 'is--print' : '',
-        isAutoWidth ? 'is--auto-width' : '',
-        isScaleWidth ? 'is--scale-width' : '',
-        isDefaultWidth ? 'is--default-width' : '',
-        isHeader ? 'is--header' : ''
-      ].filter(cls => cls)
-      const tables = [
-        `<table class="${clss.join(' ')}" border="0" cellspacing="0" cellpadding="0">`,
-        `<colgroup>${columns.map((column) => `<col style="${getHeaderWidthStyle(column)}">`).join('')}</colgroup>`
-      ]
-      if (isHeader) {
-        tables.push('<thead>')
-        if (isColgroup && !original) {
-          colgroups.forEach((cols) => {
-            tables.push(
-              `<tr>${cols.map((column: any) => {
-                const headAlign = column.headerAlign || column.align || allHeaderAlign || allAlign
-                const classNames = hasEllipsis(column, 'showHeaderOverflow', allColumnHeaderOverflow) ? ['col--ellipsis'] : []
-                const cellTitle = getHeaderTitle(opts, column)
-                if (headAlign) {
-                  classNames.push(`col--${headAlign}`)
-                }
-                if (column.type === 'checkbox') {
-                  return `<th class="${classNames.join(' ')}" colspan="${column._colSpan}" rowspan="${column._rowSpan}"><div style="${getCellWidthStyle(column)}"><input type="checkbox" class="${allCls}" ${isAllSelected ? 'checked' : ''}><span>${cellTitle}</span></div></th>`
-                }
-                return `<th class="${classNames.join(' ')}" colspan="${column._colSpan}" rowspan="${column._rowSpan}" title="${cellTitle}"><div style="${getCellWidthStyle(column)}"><span>${formatText(cellTitle, true)}</span></div></th>`
-              }).join('')}</tr>`
-            )
-          })
-        } else {
-          tables.push(
-            `<tr>${columns.map((column: any) => {
-              const headAlign = column.headerAlign || column.align || allHeaderAlign || allAlign
-              const classNames = hasEllipsis(column, 'showHeaderOverflow', allColumnHeaderOverflow) ? ['col--ellipsis'] : []
-              const cellTitle = getHeaderTitle(opts, column)
-              if (headAlign) {
-                classNames.push(`col--${headAlign}`)
-              }
-              if (column.type === 'checkbox') {
-                return `<th class="${classNames.join(' ')}"><div style="${getCellWidthStyle(column)}"><input type="checkbox" class="${allCls}" ${isAllSelected ? 'checked' : ''}><span>${cellTitle}</span></div></th>`
-              }
-              return `<th class="${classNames.join(' ')}" title="${cellTitle}"><div style="${getCellWidthStyle(column)}"><span>${formatText(cellTitle, true)}</span></div></th>`
-            }).join('')}</tr>`
-          )
-        }
-        tables.push('</thead>')
-      }
-      if (datas.length) {
-        tables.push('<tbody>')
-        if (treeConfig) {
-          datas.forEach((item: any) => {
-            tables.push(
-              '<tr>' + columns.map((column: any) => {
-                const colid = column.id
-                const cellAlign = column.align || allAlign
-                const classNames = hasEllipsis(column, 'showOverflow', allColumnOverflow) ? ['col--ellipsis'] : []
-                const cellValue = item[colid]
-                if (cellAlign) {
-                  classNames.push(`col--${cellAlign}`)
-                }
-                if (column.treeNode) {
-                  let treeIcon = ''
-                  if (item._hasChild) {
-                    treeIcon = `<i class="${item._expand ? 'vxe-table--tree-fold-icon' : 'vxe-table--tree-unfold-icon'}"></i>`
-                  }
-                  classNames.push('vxe-table--tree-node')
-                  if (column.type === 'radio') {
-                    return `<td class="${classNames.join(' ')}" title="${cellValue}"><div style="${getCellWidthStyle(column)}"><div class="vxe-table--tree-node-wrapper" style="padding-left: ${item._level * treeOpts.indent}px"><div class="vxe-table--tree-icon-wrapper">${treeIcon}</div><div class="vxe-table--tree-cell"><input type="radio" name="radio_${id}" ${item._radioDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._radioLabel}</span></div></div></div></td>`
-                  } else if (column.type === 'checkbox') {
-                    return `<td class="${classNames.join(' ')}" title="${cellValue}"><div style="${getCellWidthStyle(column)}"><div class="vxe-table--tree-node-wrapper" style="padding-left: ${item._level * treeOpts.indent}px"><div class="vxe-table--tree-icon-wrapper">${treeIcon}</div><div class="vxe-table--tree-cell"><input type="checkbox" ${item._checkboxDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._checkboxLabel}</span></div></div></div></td>`
-                  }
-                  return `<td class="${classNames.join(' ')}" title="${cellValue}"><div style="${getCellWidthStyle(column)}"><div class="vxe-table--tree-node-wrapper" style="padding-left: ${item._level * treeOpts.indent}px"><div class="vxe-table--tree-icon-wrapper">${treeIcon}</div><div class="vxe-table--tree-cell">${cellValue}</div></div></div></td>`
-                }
-                if (column.type === 'radio') {
-                  return `<td class="${classNames.join(' ')}"><div style="${getCellWidthStyle(column)}"><input type="radio" name="radio_${id}" ${item._radioDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._radioLabel}</span></div></td>`
-                } else if (column.type === 'checkbox') {
-                  return `<td class="${classNames.join(' ')}"><div style="${getCellWidthStyle(column)}"><input type="checkbox" ${item._checkboxDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._checkboxLabel}</span></div></td>`
-                }
-                return `<td class="${classNames.join(' ')}" title="${cellValue}"><div style="${getCellWidthStyle(column)}">${formatText(cellValue, true)}</div></td>`
-              }).join('') + '</tr>'
-            )
-          })
-        } else {
-          datas.forEach((item) => {
-            tables.push(
-              '<tr>' + columns.map((column) => {
-                const cellAlign = column.align || allAlign
-                const classNames = hasEllipsis(column, 'showOverflow', allColumnOverflow) ? ['col--ellipsis'] : []
-                const cellValue = item[column.id]
-                let rowSpan = 1
-                let colSpan = 1
-                if (isMerge) {
-                  const _rowIndex = $xeTable.getVTRowIndex(item._row)
-                  const _columnIndex = $xeTable.getVTColumnIndex(column)
-                  const spanRest = mergeBodyCellMaps[`${_rowIndex}:${_columnIndex}`]
-                  if (spanRest) {
-                    const { rowspan, colspan } = spanRest
-                    if (!rowspan || !colspan) {
-                      return ''
-                    }
-                    if (rowspan > 1) {
-                      rowSpan = rowspan
-                    }
-                    if (colspan > 1) {
-                      colSpan = colspan
-                    }
-                  }
-                }
-                if (cellAlign) {
-                  classNames.push(`col--${cellAlign}`)
-                }
-                if (column.type === 'radio') {
-                  return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}"><div style="${getCellWidthStyle(column)}"><input type="radio" name="radio_${id}" ${item._radioDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._radioLabel}</span></div></td>`
-                } else if (column.type === 'checkbox') {
-                  return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}"><div style="${getCellWidthStyle(column)}"><input type="checkbox" ${item._checkboxDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._checkboxLabel}</span></div></td>`
-                }
-                return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}" title="${cellValue}"><div style="${getCellWidthStyle(column)}">${formatText(cellValue, true)}</div></td>`
-              }).join('') + '</tr>'
-            )
-          })
-        }
-        tables.push('</tbody>')
-      }
-      if (isFooter) {
-        const { footerTableData } = reactData
-        const footers = getFooterData($xeTable, opts, footerTableData)
-        if (footers.length) {
-          tables.push('<tfoot>')
-          footers.forEach((row, rIndex) => {
-            tables.push(
-              `<tr>${columns.map((column) => {
-                const footAlign = column.footerAlign || column.align || allFooterAlign || allAlign
-                const classNames = hasEllipsis(column, 'showOverflow', allColumnOverflow) ? ['col--ellipsis'] : []
-                const cellValue = getFooterCellValue(opts, row, column)
-                let rowSpan = 1
-                let colSpan = 1
-                if (isMerge) {
-                  const _rowIndex = rIndex
-                  const _columnIndex = $xeTable.getVTColumnIndex(column)
-                  const spanRest = mergeFooterCellMaps[`${_rowIndex}:${_columnIndex}`]
-                  if (spanRest) {
-                    const { rowspan, colspan } = spanRest
-                    if (!rowspan || !colspan) {
-                      return ''
-                    }
-                    if (rowspan > 1) {
-                      rowSpan = rowspan
-                    }
-                    if (colspan > 1) {
-                      colSpan = colspan
-                    }
-                  }
-                }
-                if (footAlign) {
-                  classNames.push(`col--${footAlign}`)
-                }
-                return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}" title="${cellValue}"><div style="${getCellWidthStyle(column)}">${formatText(cellValue, true)}</div></td>`
-              }).join('')}</tr>`
-            )
-          })
-          tables.push('</tfoot>')
-        }
-      }
-      // 是否半选状态
-      const script = !isAllSelected && isIndeterminate ? `<script>(function(){var a=document.querySelector(".${allCls}");if(a){a.indeterminate=true}})()</script>` : ''
-      tables.push('</table>', script)
-      return isPrint ? tables.join('') : createHtmlPage(opts, tables.join(''))
-    }
-
-    const toXML = (opts: any, columns: any, datas: any) => {
-      let xml = [
-        '<?xml version="1.0"?>',
-        '<?mso-application progid="Excel.Sheet"?>',
-        '<Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet" xmlns:html="http://www.w3.org/TR/REC-html40">',
-        '<DocumentProperties xmlns="urn:schemas-microsoft-com:office:office">',
-        '<Version>16.00</Version>',
-        '</DocumentProperties>',
-        '<ExcelWorkbook xmlns="urn:schemas-microsoft-com:office:excel">',
-        '<WindowHeight>7920</WindowHeight>',
-        '<WindowWidth>21570</WindowWidth>',
-        '<WindowTopX>32767</WindowTopX>',
-        '<WindowTopY>32767</WindowTopY>',
-        '<ProtectStructure>False</ProtectStructure>',
-        '<ProtectWindows>False</ProtectWindows>',
-        '</ExcelWorkbook>',
-        `<Worksheet ss:Name="${opts.sheetName}">`,
-        '<Table>',
-        columns.map((column: any) => `<Column ss:Width="${column.renderWidth}"/>`).join('')
-      ].join('')
-      if (opts.isHeader) {
-        xml += `<Row>${columns.map((column: any) => `<Cell><Data ss:Type="String">${getHeaderTitle(opts, column)}</Data></Cell>`).join('')}</Row>`
-      }
-      datas.forEach((row: any) => {
-        xml += '<Row>' + columns.map((column: any) => `<Cell><Data ss:Type="String">${row[column.id]}</Data></Cell>`).join('') + '</Row>'
-      })
-      if (opts.isFooter) {
-        const { footerTableData } = reactData
-        const footers = getFooterData($xeTable, opts, footerTableData)
-        footers.forEach((row: any) => {
-          xml += `<Row>${columns.map((column: any) => `<Cell><Data ss:Type="String">${getFooterCellValue(opts, row, column)}</Data></Cell>`).join('')}</Row>`
-        })
-      }
-      return `${xml}</Table></Worksheet></Workbook>`
-    }
-
-    const getContent = ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, opts: VxeTablePropTypes.ExportHandleOptions, columns: VxeTableDefines.ColumnInfo[], datas: any[]) => {
-      if (columns.length) {
-        switch (opts.type) {
-          case 'csv':
-            return toCsv($xeTable, opts, columns, datas)
-          case 'txt':
-            return toTxt($xeTable, opts, columns, datas)
-          case 'html':
-            return toHtml(opts, columns, datas)
-          case 'xml':
-            return toXML(opts, columns, datas)
-        }
-      }
-      return ''
-    }
-
-    const downloadFile = (opts: any, content: any) => {
-      const { filename, type, download } = opts
-      if (!download) {
-        const blob = getExportBlobByContent(content, opts)
-        return Promise.resolve({ type, content, blob })
-      }
-      if (VxeUI.saveFile) {
-        VxeUI.saveFile({ filename, type, content }).then(() => {
-          if (opts.message !== false) {
-            if (VxeUI.modal) {
-              VxeUI.modal.message({ content: getI18n('vxe.table.expSuccess'), status: 'success' })
-            }
-          }
-        })
-      }
-    }
-
-    const handleExport = (opts: VxeTablePropTypes.ExportHandleOptions) => {
-      const $xeGrid = $xeTable.xeGrid
-      const $xeGantt = $xeTable.xeGantt
-
-      const { remote, columns, colgroups, exportMethod, afterExportMethod } = opts
-      return new Promise(resolve => {
-        if (remote) {
-          const params = { options: opts, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt }
-          resolve(exportMethod ? exportMethod(params) : params)
-        } else {
-          const datas = getExportData(opts)
-          resolve(
-            $xeTable.preventEvent(null, 'event.export', { options: opts, columns, colgroups, datas }, () => {
-              return downloadFile(opts, getContent($xeTable, opts, columns, datas))
-            })
-          )
-        }
-      }).then((params: any) => {
-        clearColumnConvert(columns)
-        if (!opts.print) {
-          if (afterExportMethod) {
-            afterExportMethod({ status: true, options: opts, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt })
-          }
-        }
-        return Object.assign({ status: true }, params)
-      }).catch(() => {
-        clearColumnConvert(columns)
-        if (!opts.print) {
-          if (afterExportMethod) {
-            afterExportMethod({ status: false, options: opts, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt })
-          }
-        }
-        const params = { status: false }
-        return Promise.reject(params)
-      })
-    }
-
-    const handleImport = (content: any, opts: any) => {
-      const { tableFullColumn, _importResolve, _importReject } = internalData
-      let rest: {
-        fields: string[];
-        rows: any[];
-      } = { fields: [], rows: [] }
-      const tableFieldMaps: Record<string, VxeTableDefines.ColumnInfo> = {}
-      const tableTitleMaps: Record<string, VxeTableDefines.ColumnInfo> = {}
-      tableFullColumn.forEach((column) => {
-        const field = column.field
-        const title = $xeTable.getHeaderCellLabel(column)
-        if (field) {
-          tableFieldMaps[field] = column
-        }
-        if (title) {
-          tableTitleMaps[title] = column
-        }
-      })
-      const tableConf = {
-        fieldMaps: tableFieldMaps,
-        titleMaps: tableTitleMaps
-      }
-      switch (opts.type) {
-        case 'csv':
-          rest = parseCsv(tableConf, content)
-          break
-        case 'txt':
-          rest = parseTxt(tableConf, content)
-          break
-        case 'html':
-          rest = parseHTML(tableConf, content)
-          break
-        case 'xml':
-          rest = parseXML(tableConf, content)
-          break
-      }
-      const { fields, rows } = rest
-      const status = fields.some(field => tableFieldMaps[field] || tableTitleMaps[field])
-      if (status) {
-        $xeTable.createData(rows)
-          .then((data: any) => {
-            let loadRest
-            if (opts.mode === 'insert' || opts.mode === 'insertBottom') {
-              loadRest = $xeTable.insertAt(data, -1)
-            } else if (opts.mode === 'insertTop') {
-              loadRest = $xeTable.insert(data)
-            } else {
-              loadRest = $xeTable.reloadData(data)
-            }
-            if (opts.message !== false) {
-              if (VxeUI.modal) {
-                VxeUI.modal.message({ content: getI18n('vxe.table.impSuccess', [rows.length]), status: 'success' })
-              }
-            }
-            return loadRest.then(() => {
-              if (_importResolve) {
-                _importResolve({ status: true })
-              }
-            })
-          })
-      } else if (opts.message !== false) {
-        if (VxeUI.modal) {
-          VxeUI.modal.message({ content: getI18n('vxe.error.impFields'), status: 'error' })
-        }
-        if (_importReject) {
-          _importReject({ status: false, msg: 'field mismatching' })
-        }
-      }
-    }
-
-    const handleFileImport = (file: File, opts: any) => {
-      const { importMethod, afterImportMethod } = opts
-      const { type, filename } = parseFile(file)
-      const importOpts = computeImportOpts.value
-
-      // 检查类型，如果为自定义导出，则不需要校验类型
-      if (!importMethod && !XEUtils.includes(XEUtils.keys(importOpts._typeMaps), type)) {
-        if (opts.message !== false) {
-          if (VxeUI.modal) {
-            VxeUI.modal.message({ content: getI18n('vxe.error.notType', [type]), status: 'error' })
-          }
-        }
-        const params = { status: false, msg: 'type error' }
-        return Promise.reject(params)
-      }
-
-      const rest = new Promise((resolve, reject) => {
-        const _importResolve = (params?: any) => {
-          resolve(params)
-          internalData._importResolve = null
-          internalData._importReject = null
-        }
-        const _importReject = (params?: any) => {
-          reject(params)
-          internalData._importResolve = null
-          internalData._importReject = null
-        }
-        internalData._importResolve = _importResolve
-        internalData._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(() => {
-                _importResolve({ status: true })
-              }).catch(() => {
-                _importResolve({ status: true })
-              })
-            } else {
-              _importResolve({ status: true })
-            }
-          } else {
-            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, msg: 'reading file error' })
-              }
-              reader.onload = (e: any) => {
-                handleImport(e.target.result, options)
-              }
-              reader.readAsText(file, options.encoding || 'UTF-8')
-            })
-          }
-        } else {
-          // 不支持的浏览器
-          errLog('vxe.error.notExp')
-          _importResolve({ status: false, msg: 'unsupported browser' })
-        }
-      })
-
-      return rest.then(() => {
-        if (afterImportMethod) {
-          afterImportMethod({ status: true, options: opts, $table: $xeTable })
-        }
-      }).catch((e) => {
-        if (afterImportMethod) {
-          afterImportMethod({ status: false, options: opts, $table: $xeTable })
-        }
-        return Promise.reject(e)
-      })
-    }
-
-    const handleFilterColumns = (exportOpts: VxeTablePropTypes.ExportConfig, column: VxeTableDefines.ColumnInfo, columns: VxeTableDefines.ColumnInfo[] | VxeTablePropTypes.ExportOrPrintColumnOption[]) => {
-      return columns.some((item: any) => {
-        if (isColumnInfo(item)) {
-          return column.id === (item as any).id
-        } else if (XEUtils.isString(item)) {
-          return column.field === item
-        } else {
-          const colid = item.id || item.colId
-          const type = item.type
-          const field = item.field
-          if (colid) {
-            return column.id === colid
-          } else if (field && type) {
-            return column.field === field && column.type === type
-          } else if (field) {
-            return column.field === field
-          } else if (type) {
-            return column.type === type
-          }
-        }
-        return false
-      })
-    }
-
-    const handleFilterFields = (exportOpts: VxeTablePropTypes.ExportConfig, column: VxeTableDefines.ColumnInfo, includeFields: string[] | undefined, includeFdMaps: Record<string, number>, excludeFdMaps: Record<string, number>, extraFdMaps: Record<string, number>) => {
-      const { field } = column
-      if (excludeFdMaps[field]) {
-        return false
-      }
-      if (includeFields) {
-        if (includeFdMaps[field]) {
-          return true
-        }
-        return false
-      }
-      if (extraFdMaps[field]) {
-        return true
-      }
-      return exportOpts.original ? !!field : defaultFilterExportColumn(column)
-    }
-
-    const handleExportAndPrint = (options: VxeTablePropTypes.ExportOpts | VxeTablePropTypes.ExportConfig, isPrint?: boolean) => {
-      const $xeGrid = $xeTable.xeGrid
-      const $xeGantt = $xeTable.xeGantt
-      const $xeGGWrapper = $xeGrid || $xeGantt
-
-      const { treeConfig, showHeader, showFooter } = props
-      const { initStore, isGroup, rowGroupList, footerTableData, exportStore, exportParams } = reactData
-      const { collectColumn, mergeBodyList, mergeFooterList } = internalData
-      const exportOpts = computeExportOpts.value
-      const printOpts = computePrintOpts.value
-      const hasTree = !!treeConfig
-      const hasRowGroup = rowGroupList.length > 0
-      const selectRecords = $xeTable.getCheckboxRecords()
-      const proxyOpts = $xeGGWrapper ? $xeGGWrapper.getComputeMaps().computeProxyOpts.value : {} as VxeGridPropTypes.ProxyOpts
-      const hasFooter = !!footerTableData.length
-      const hasMerge = !!(mergeBodyList.length || mergeFooterList.length)
-      const defOpts = Object.assign({
-        message: true,
-        isHeader: showHeader,
-        isTitle: showHeader,
-        isFooter: showFooter,
-        isColgroup: isGroup,
-        isMerge: hasMerge,
-        useStyle: true,
-        current: 'current',
-        modes: (proxyOpts.ajax && proxyOpts.ajax.queryAll ? ['all'] : []).concat(['current', 'selected', 'empty'])
-      }, options)
-
-      // 已废弃，参数 isAllExpand
-      if (XEUtils.isBoolean((defOpts as any).isAllExpand)) {
-        warnLog('vxe.error.delProp', ['isAllExpand', 'isTreeAllExpanded'])
-        defOpts.isTreeAllExpanded = (defOpts as any).isAllExpand
-      }
-
-      const types: string[] = isPrint ? [] : (defOpts.types || XEUtils.keys(exportOpts._typeMaps))
-      const modes: string[] = defOpts.modes || []
-      const checkMethod = (isPrint ? printOpts : exportOpts).checkMethod
-      const exportColumns = collectColumn.slice(0)
-      const { columns, excludeFields, includeFields, extraFields } = defOpts
-      // 处理类型
-      const typeList = types.map((value) => {
-        return {
-          value,
-          label: getI18n(`vxe.export.types.${value}`)
-        }
-      })
-      const modeList = modes.map((item: any) => {
-        if (item && item.value) {
-          return {
-            value: item.value,
-            label: item.label || item.value
-          }
-        }
-        return {
-          value: item,
-          label: getI18n(`vxe.export.modes.${item}`)
-        }
-      })
-
-      const excludeFdMaps: Record<string, number> = {}
-      if (excludeFields && excludeFields.length) {
-        excludeFields.forEach(field => {
-          excludeFdMaps[field] = 1
-        })
-      }
-      const includeFdMaps: Record<string, number> = {}
-      if (includeFields && includeFields.length) {
-        includeFields.forEach(field => {
-          includeFdMaps[field] = 1
-        })
-      }
-      const extraFdMaps: Record<string, number> = {}
-      if (extraFields) {
-        extraFields.forEach(field => {
-          extraFdMaps[field] = 1
-        })
-      }
-
-      // 默认选中
-      // 优先级 columns > excludeFields > (includeFields || extraFields)
-      XEUtils.eachTree(exportColumns, (column, index, items, path, parentColumn) => {
-        const isColGroup = column.children && column.children.length > 0
-        let isChecked = false
-        const isExtraChecked = extraFdMaps[column.field]
-        if (columns) {
-          isChecked = handleFilterColumns(defOpts, column, columns)
-        } else if (excludeFields || includeFields) {
-          isChecked = handleFilterFields(defOpts, column, includeFields, includeFdMaps, excludeFdMaps, extraFdMaps)
-        } else {
-          if (isExtraChecked) {
-            isChecked = true
-          } else {
-            isChecked = column.visible && (isColGroup || defaultFilterExportColumn(column))
-          }
-        }
-        column.checked = isChecked
-        column.halfChecked = false
-        column.disabled = (parentColumn && parentColumn.disabled) || (checkMethod ? !checkMethod({ $table: $xeTable, column }) : false)
-      })
-      // 更新条件
-      exportStore.columns = exportColumns
-      exportStore.typeList = typeList
-      exportStore.modeList = modeList
-      exportStore.hasFooter = hasFooter
-      exportStore.hasMerge = hasMerge
-      exportStore.hasTree = hasTree
-      exportStore.hasRowGroup = hasRowGroup
-      exportStore.isPrint = !!isPrint
-      exportStore.hasColgroup = isGroup
-      exportStore.visible = true
-      // 默认参数
-      Object.assign(exportParams, {
-        mode: selectRecords.length ? 'selected' : 'current'
-      }, defOpts)
-      const { filename, sheetName, mode, type } = exportParams
-      if (filename) {
-        if (XEUtils.isFunction(filename)) {
-          exportParams.filename = filename({
-            options: defOpts,
-            $table: $xeTable,
-            $grid: $xeGrid,
-            $gantt: $xeGantt
-          })
-        } else {
-          exportParams.filename = `${filename}`
-        }
-      }
-      if (sheetName) {
-        if (XEUtils.isFunction(sheetName)) {
-          exportParams.sheetName = sheetName({
-            options: defOpts,
-            $table: $xeTable,
-            $grid: $xeGrid,
-            $gantt: $xeGantt
-          })
-        } else {
-          exportParams.sheetName = `${sheetName}`
-        }
-      }
-      if (!modeList.some(item => item.value === mode)) {
-        exportParams.mode = modeList.length ? modeList[0].value : ''
-      }
-      if (!typeList.some(item => item.value === type)) {
-        exportParams.type = typeList.length ? typeList[0].value : ''
-      }
-      if (!exportParams.widthMode) {
-        exportParams.widthMode = ''
-      }
-      initStore.export = true
-      return nextTick()
-    }
-
-    const handleCloseExport = () => {
-      if (VxeUI.modal) {
-        return VxeUI.modal.close('VXE_EXPORT_MODAL')
-      }
-      return Promise.resolve()
-    }
-
-    const exportMethods: TableExportMethods = {
-      /**
-       * 导出文件，支持 csv/html/xml/txt
-       * 如果是树表格，则默认是导出所有节点
-       * 如果是启用了虚拟滚动，则只能导出数据源，可以配合 dataFilterMethod 函数转换数据
-       * @param {Object} options 参数
-       */
-      exportData (options) {
-        const $xeGrid = $xeTable.xeGrid
-        const $xeGantt = $xeTable.xeGantt
-        const $xeGGWrapper = $xeGrid || $xeGantt
-
-        const { treeConfig, showHeader, showFooter } = props
-        const { isGroup } = reactData
-        const { tableFullColumn, afterFullData, afterTreeFullData, collectColumn, mergeBodyList, mergeFooterList } = internalData
-        const exportOpts = computeExportOpts.value
-        const treeOpts = computeTreeOpts.value
-        const proxyOpts = $xeGGWrapper ? $xeGGWrapper.getComputeMaps().computeProxyOpts.value : {} as VxeGridPropTypes.ProxyOpts
-        const hasMerge = !!(mergeBodyList.length || mergeFooterList.length)
-        const opts = Object.assign({
-          message: true,
-          isHeader: showHeader,
-          isTitle: showHeader,
-          isFooter: showFooter,
-          isColgroup: isGroup,
-          isMerge: hasMerge,
-          useStyle: true,
-          current: 'current',
-          modes: (proxyOpts.ajax && proxyOpts.ajax.queryAll ? ['all'] : []).concat(['current', 'selected', 'empty']),
-          download: true,
-          type: 'csv'
-          // filename: '',
-          // sheetName: '',
-          // original: false,
-          // isTreeAllExpanded: false,
-          // isRowGroupAllExpanded: false,
-          // data: null,
-          // remote: false,
-          // dataFilterMethod: null,
-          // footerFilterMethod: null,
-          // exportMethod: null,
-          // columnFilterMethod: null,
-          // beforeExportMethod: null,
-          // afterExportMethod: null
-        }, exportOpts, options)
-
-        // 已废弃，参数 isAllExpand
-        if (XEUtils.isBoolean((opts as any).isAllExpand)) {
-          warnLog('vxe.error.delProp', ['isAllExpand', 'isTreeAllExpanded'])
-          opts.isTreeAllExpanded = (opts as any).isAllExpand
-        }
-
-        let { filename, sheetName, type, mode, columns, columnFilterMethod, beforeExportMethod, includeFields, excludeFields, extraFields } = opts
-        let groups: any[] = []
-        const selectRecords = $xeTable.getCheckboxRecords()
-        if (!mode) {
-          mode = selectRecords.length ? 'selected' : 'current'
-        }
-
-        const excludeFdMaps: Record<string, number> = {}
-        if (excludeFields && excludeFields.length) {
-          excludeFields.forEach(field => {
-            excludeFdMaps[field] = 1
-          })
-        }
-        const includeFdMaps: Record<string, number> = {}
-        if (includeFields && includeFields.length) {
-          includeFields.forEach(field => {
-            includeFdMaps[field] = 1
-          })
-        }
-        const extraFdMaps: Record<string, number> = {}
-        if (extraFields) {
-          extraFields.forEach(field => {
-            extraFdMaps[field] = 1
-          })
-        }
-
-        let isCustomCol = false
-        let customCols = []
-        const _columns = (opts as any)._columns
-        if (_columns) {
-          // 内部导出使用 _columns -> _children 为自定义子集
-          isCustomCol = true
-          customCols = XEUtils.searchTree(_columns, () => true, { children: '_children', mapChildren: 'childNodes', original: true })
-        } else if (columns) {
-          isCustomCol = true
-          customCols = XEUtils.searchTree(columns, () => true, { children: 'children', mapChildren: 'childNodes', original: true })
-        } else {
-          customCols = XEUtils.searchTree(collectColumn, column => {
-            const isColGroup = column.children && column.children.length > 0
-            let isChecked = false
-            const isExtraChecked = extraFdMaps[column.field]
-            if (columns) {
-              isChecked = handleFilterColumns(opts, column, columns)
-            } else if (excludeFields || includeFields) {
-              isChecked = handleFilterFields(opts, column, includeFields, includeFdMaps, excludeFdMaps, extraFdMaps)
-            } else {
-              if (isExtraChecked) {
-                isChecked = true
-              } else {
-                isChecked = column.visible && (isColGroup || defaultFilterExportColumn(column))
-              }
-            }
-            return isChecked
-          }, { children: 'children', mapChildren: 'childNodes', original: true })
-        }
-        const handleOptions: VxeTablePropTypes.ExportHandleOptions = Object.assign({ } as { data: any[], colgroups: any[], columns: any[] }, opts, { filename: '', sheetName: '', _columnConfs: columns })
-        // 如果设置源数据，则默认导出设置了字段的列
-        if (!isCustomCol && !columnFilterMethod) {
-          columnFilterMethod = ({ column }) => handleFilterFields(handleOptions, column, includeFields, includeFdMaps, excludeFdMaps, extraFdMaps)
-          handleOptions.columnFilterMethod = columnFilterMethod
-        }
-        if (customCols) {
-          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 = $xeTable.getColumnByField(item)
-                } else {
-                  const colid = item.id || item.colId
-                  const type = item.type
-                  const field = item.field
-                  if (colid) {
-                    targetColumn = $xeTable.getColumnById(colid)
-                  } else if (field && type) {
-                    targetColumn = tableFullColumn.find((column) => column.field === field && column.type === type)
-                  } else if (field) {
-                    targetColumn = $xeTable.getColumnByField(field)
-                  } else if (type) {
-                    targetColumn = tableFullColumn.find((column) => column.type === type)
-                  }
-                }
-                return targetColumn || {}
-              }
-            }, {
-              children: 'childNodes',
-              mapChildren: '_children'
-            }),
-            (column, index) => isColumnInfo(column) && (!columnFilterMethod || columnFilterMethod({ $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, column: column as any, $columnIndex: index })),
-            {
-              children: '_children',
-              mapChildren: 'childNodes',
-              original: true
-            }
-          )
-        } else {
-          groups = XEUtils.searchTree(isGroup ? collectColumn : tableFullColumn, (column, index) => column.visible && (!columnFilterMethod || columnFilterMethod({ $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, column, $columnIndex: index })), { children: 'children', mapChildren: 'childNodes', original: true })
-        }
-        // 获取所有列
-        const cols: VxeTableDefines.ColumnInfo[] = []
-        XEUtils.eachTree(groups, column => {
-          const isColGroup = column.children && column.children.length
-          if (!isColGroup) {
-            cols.push(column)
-          }
-        }, { children: 'childNodes' })
-        // 构建分组层级
-        handleOptions.columns = cols
-        handleOptions.colgroups = convertToRows(groups)
-        if (filename) {
-          if (XEUtils.isFunction(filename)) {
-            handleOptions.filename = filename({
-              options: opts,
-              $table: $xeTable,
-              $grid: $xeGrid,
-              $gantt: $xeGantt
-            })
-          } 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,
-              $gantt: $xeGantt
-            })
-          } else {
-            handleOptions.sheetName = `${sheetName}`
-          }
-        }
-        if (!handleOptions.sheetName) {
-          handleOptions.sheetName = document.title || ''
-        }
-
-        // 检查类型，如果为自定义导出，则不需要校验类型
-        if (!handleOptions.exportMethod && !XEUtils.includes(XEUtils.keys(exportOpts._typeMaps), type)) {
-          errLog('vxe.error.notType', [type])
-          if (['xlsx', 'pdf'].includes(type)) {
-            warnLog('vxe.error.reqPlugin', [4, 'plugin-export-xlsx'])
-          }
-          const params = { status: false, msg: 'type error' }
-          return Promise.reject(params)
-        }
-
-        if (!handleOptions.print) {
-          if (beforeExportMethod) {
-            const beRest = beforeExportMethod({ options: handleOptions, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt })
-            if (XEUtils.isBoolean(beRest)) {
-              if (!beRest) {
-                const params = { status: false, msg: 'before prevent' }
-                return Promise.reject(params)
-              }
-            } else {
-              warnLog('vxe.error.returnErr', ['beforeExportMethod', 'boolean', beRest])
-            }
-          }
-        }
-        if (!handleOptions.data) {
-          handleOptions.data = []
-          if (mode === 'selected') {
-            if (['html', 'pdf'].indexOf(type) > -1 && treeConfig) {
-              handleOptions.data = XEUtils.searchTree($xeTable.getTableData().fullData, item => $xeTable.findRowIndexOf(selectRecords, item) > -1, Object.assign({}, treeOpts, { data: '_row' }))
-            } else {
-              handleOptions.data = selectRecords
-            }
-          } else if (mode === 'all') {
-            if (!$xeGGWrapper) {
-              errLog('vxe.error.errProp', ['all', 'mode=current,selected'])
-            }
-
-            if ($xeGGWrapper && !handleOptions.remote) {
-              const gridReactData = $xeGGWrapper.reactData
-              const { computeProxyOpts } = $xeGGWrapper.getComputeMaps()
-              const proxyOpts = computeProxyOpts.value
-              const { sortData } = gridReactData
-              const { beforeQueryAll: oldBeforeQueryAll, afterQueryAll: oldAfterQueryAll, ajax = {} } = proxyOpts
-              const resConfigs = proxyOpts.response || proxyOpts.props || {}
-              const beforeQueryAllMethod = ajax.beforeQueryAll
-              const queryAllMethod = ajax.queryAll
-              const afterQueryAllMethod = ajax.afterQueryAll
-              const queryAllSuccessMethod = ajax.queryAllSuccess
-              const queryAllErrorMethod = ajax.queryAllError
-
-              if (!queryAllMethod) {
-                errLog('vxe.error.notFunc', ['proxy-config.ajax.queryAll'])
-              }
-
-              if (queryAllMethod) {
-                const params = {
-                  $table: $xeTable,
-                  $grid: $xeGrid,
-                  $gantt: $xeGantt,
-                  sort: sortData.length ? sortData[0] : {} as any,
-                  sorts: sortData as any[],
-                  filters: gridReactData.filterData,
-                  form: gridReactData.formData,
-                  options: handleOptions
-                }
-
-                const handleQueryAll = () => {
-                  return Promise.resolve((oldBeforeQueryAll || queryAllMethod)(params))
-                    .then((rest) => {
-                      if (afterQueryAllMethod) {
-                        afterQueryAllMethod({ ...params, response: rest, status: 'success' })
-                      } else {
-                        const listProp = resConfigs.list
-                        let tdData: any[] = []
-                        if (listProp) {
-                          if (XEUtils.isFunction(listProp)) {
-                            tdData = listProp({ data: rest, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt })
-                          } else {
-                            tdData = XEUtils.isArray(rest) ? rest : XEUtils.get(rest, listProp)
-                          }
-                        } else {
-                          if (XEUtils.isArray(rest)) {
-                            tdData = rest
-                          }
-                        }
-                        handleOptions.data = tdData
-                        if (oldAfterQueryAll) {
-                          oldAfterQueryAll({ ...params, response: rest })
-                        }
-                      }
-                      if (queryAllSuccessMethod) {
-                        queryAllSuccessMethod({ ...params, response: rest })
-                      }
-                      return handleExport(handleOptions)
-                    })
-                    .catch((rest) => {
-                      if (afterQueryAllMethod) {
-                        afterQueryAllMethod({ ...params, response: rest, status: 'error' })
-                      }
-                      if (queryAllErrorMethod) {
-                        queryAllErrorMethod({ ...params, response: rest })
-                      }
-                    })
-                }
-
-                if (beforeQueryAllMethod) {
-                  return Promise.resolve(beforeQueryAllMethod(params)).then(status => {
-                    if (status !== false) {
-                      return handleQueryAll()
-                    }
-                  })
-                }
-                return handleQueryAll()
-              }
-            }
-          } if (mode === 'current') {
-            handleOptions.data = treeConfig ? afterTreeFullData : afterFullData
-          }
-        } else {
-          handleOptions._isCustomData = true
-        }
-        return handleExport(handleOptions)
-      },
-      importByFile (file, options) {
-        const opts = Object.assign({}, options)
-        const { beforeImportMethod } = opts
-        if (beforeImportMethod) {
-          const biRest = beforeImportMethod({ options: opts, $table: $xeTable })
-          if (XEUtils.isBoolean(biRest)) {
-            if (!biRest) {
-              const params = { status: false, mas: 'before prevent' }
-              return Promise.reject(params)
-            }
-          } else {
-            warnLog('vxe.error.returnErr', ['beforeImportMethod', 'boolean', biRest])
-          }
-        }
-        return handleFileImport(file, opts)
-      },
-      importData (options) {
-        const importOpts = computeImportOpts.value
-        const opts = Object.assign({
-          types: XEUtils.keys(importOpts._typeMaps)
-          // beforeImportMethod: null,
-          // afterImportMethod: null
-        }, importOpts, options)
-        const { beforeImportMethod, afterImportMethod } = opts
-        if (beforeImportMethod) {
-          const biRest = beforeImportMethod({ options: opts, $table: $xeTable })
-          if (XEUtils.isBoolean(biRest)) {
-            if (!biRest) {
-              const params = { status: false, mas: 'before prevent' }
-              return Promise.reject(params)
-            }
-          } else {
-            warnLog('vxe.error.returnErr', ['beforeImportMethod', 'boolean', biRest])
-          }
-        }
-        return VxeUI.readFile(opts).catch(e => {
-          if (afterImportMethod) {
-            afterImportMethod({ status: false, options: opts, $table: $xeTable })
-          }
-          return Promise.reject(e)
-        }).then((params) => {
-          const { file } = params
-          return handleFileImport(file, opts)
-        })
-      },
-      saveFile (options) {
-        return VxeUI.saveFile(options)
-      },
-      readFile (options) {
-        return VxeUI.readFile(options)
-      },
-      print (options) {
-        const $xeGrid = $xeTable.xeGrid
-        const $xeGantt = $xeTable.xeGantt
-
-        const printOpts = computePrintOpts.value
-        const opts = Object.assign({
-          original: false
-          // beforePrintMethod
-        }, printOpts, options, {
-          type: 'html',
-          download: false,
-          remote: false,
-          print: true
-        })
-        const { sheetName } = opts
-        let printTitle = ''
-        if (sheetName) {
-          if (XEUtils.isFunction(sheetName)) {
-            printTitle = sheetName({
-              options: opts,
-              $table: $xeTable,
-              $grid: $xeGrid,
-              $gantt: $xeGantt
-            })
-          } else {
-            printTitle = `${sheetName}`
-          }
-        }
-        if (!printTitle) {
-          printTitle = document.title || ''
-        }
-
-        const beforePrintMethod = opts.beforePrintMethod
-        const printMethod = opts.printMethod
-        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,
-                          $grid: $xeGrid,
-                          $gantt: $xeGantt
-                        })
-                      }
-                    : undefined,
-                  beforePrintMethod: beforePrintMethod
-                    ? ({ html }) => {
-                        return beforePrintMethod({
-                          html,
-                          content: html,
-                          options: opts,
-                          $table: $xeTable,
-                          $grid: $xeGrid,
-                          $gantt: $xeGantt
-                        })
-                      }
-                    : undefined,
-                  printMethod: printMethod
-                    ? ({ html }) => {
-                        return printMethod({
-                          html,
-                          content: html,
-                          options: opts,
-                          $table: $xeTable,
-                          $grid: $xeGrid,
-                          $gantt: $xeGantt
-                        })
-                      }
-                    : undefined
-                })
-              )
-            } else {
-              resolve(
-                exportMethods.exportData(opts).then(({ content }: any) => {
-                  return VxeUI.print({
-                    title: printTitle,
-                    html: content,
-                    customStyle: opts.style,
-                    beforeMethod: beforePrintMethod
-                      ? ({ html }) => {
-                          return beforePrintMethod({
-                            html,
-                            content: html,
-                            options: opts,
-                            $table: $xeTable,
-                            $grid: $xeGrid,
-                            $gantt: $xeGantt
-                          })
-                        }
-                      : undefined,
-                    beforePrintMethod: beforePrintMethod
-                      ? ({ html }) => {
-                          return beforePrintMethod({
-                            html,
-                            content: html,
-                            options: opts,
-                            $table: $xeTable,
-                            $grid: $xeGrid,
-                            $gantt: $xeGantt
-                          })
-                        }
-                      : undefined,
-                    printMethod: printMethod
-                      ? ({ html }) => {
-                          return printMethod({
-                            html,
-                            content: html,
-                            options: opts,
-                            $table: $xeTable,
-                            $grid: $xeGrid,
-                            $gantt: $xeGantt
-                          })
-                        }
-                      : undefined
-                  })
-                })
-              )
-            }
-          } else {
-            errLog('vxe.error.reqComp', ['vxe-print'])
-            const e = { status: false, msg: 'print not exist' }
-            reject(e)
-          }
-        })
-      },
-      getPrintHtml (options) {
-        const printOpts = computePrintOpts.value
-        const opts = Object.assign({
-          original: false
-          // beforePrintMethod
-        }, printOpts, options, {
-          type: 'html',
-          download: false,
-          remote: false,
-          print: true
-        })
-        return $xeTable.exportData(opts).then(({ content }) => {
-          return {
-            html: content
-          }
-        })
-      },
-      closeImport () {
-        if (VxeUI.modal) {
-          return VxeUI.modal.close('VXE_IMPORT_MODAL')
-        }
-        return Promise.resolve()
-      },
-      openImport (options) {
-        const { treeConfig, importConfig } = props
-        const { initStore, importStore, importParams } = reactData
-        const importOpts = computeImportOpts.value
-        const defOpts = Object.assign({
-          mode: 'insertTop',
-          message: true,
-          types: XEUtils.keys(importOpts._typeMaps),
-          modes: ['insertTop', 'covering']
-        }, importOpts, options)
-        const types = defOpts.types || []
-        const modes = defOpts.modes || []
-        const isTree = !!treeConfig
-        if (isTree) {
-          if (defOpts.message) {
-            if (VxeUI.modal) {
-              VxeUI.modal.message({ content: getI18n('vxe.error.treeNotImp'), status: 'error' })
-            }
-          }
-          return
-        }
-        if (!hasEnableConf(importConfig, importOpts)) {
-          errLog('vxe.error.reqProp', ['import-config'])
-        }
-        // 处理类型
-        const typeList = types.map((value) => {
-          return {
-            value,
-            label: getI18n(`vxe.export.types.${value}`)
-          }
-        })
-        const modeList = modes.map((item: any) => {
-          if (item && item.value) {
-            return {
-              value: item.value,
-              label: item.label || item.value
-            }
-          }
-          return {
-            value: item,
-            label: getI18n(`vxe.import.modes.${item}`)
-          }
-        })
-        Object.assign(importStore, {
-          file: null,
-          type: '',
-          filename: '',
-          modeList,
-          typeList,
-          visible: true
-        })
-        Object.assign(importParams, defOpts)
-        if (!modeList.some(item => item.value === importParams.mode)) {
-          importParams.mode = modeList[0].value
-        }
-        initStore.import = true
-      },
-      closeExport: handleCloseExport,
-      openExport (options) {
-        const { exportConfig } = props
-        const exportOpts = computeExportOpts.value
-        const defOpts = Object.assign({
-          message: true,
-          types: XEUtils.keys(exportOpts._typeMaps)
-        }, exportOpts, options)
-        if (!hasEnableConf(exportConfig, exportOpts)) {
-          errLog('vxe.error.reqProp', ['export-config'])
-        }
-        return handleExportAndPrint(defOpts)
-      },
-      closePrint: handleCloseExport,
-      openPrint (options) {
-        const { printConfig } = props
-        const printOpts = computePrintOpts.value
-        const defOpts = Object.assign({
-          message: true
-        }, printOpts, options)
-        if (!hasEnableConf(printConfig, printOpts)) {
-          errLog('vxe.error.reqProp', ['print-config'])
-        }
-        return handleExportAndPrint(defOpts, true)
-      }
-    }
-
-    return exportMethods
-  },
-  setupGrid ($xeGrid) {
-    return $xeGrid.extendTableMethods(tableExportMethodKeys)
-  },
-  setupGantt ($xeGantt) {
-    return $xeGantt.extendTableMethods(tableExportMethodKeys)
-  }
-})
+import { nextTick } from 'vue'
+import XEUtils from 'xe-utils'
+import { VxeUI } from '@vxe-ui/core'
+import { isColumnInfo, getCellValue, createHandleGetRowId } from '../../src/util'
+import { parseFile, formatText, eqEmptyValue, hasEnableConf } from '../../../ui/src/utils'
+import { hasClass, toCssUnit } from '../../../ui/src/dom'
+import { createHtmlPage, getExportBlobByContent } from './util'
+import { createComponentLog } from '../../../ui/src/log'
+
+import type { VxeTablePropTypes, VxeColumnPropTypes, TableExportMethods, VxeGridPropTypes, VxeTableDefines, VxeTableConstructor, VxeTablePrivateMethods } from '../../../../types'
+
+const { warnLog, errLog } = createComponentLog('table')
+
+const { getI18n, hooks, renderer } = VxeUI
+
+let htmlCellElem: any
+
+const csvBOM = '\ufeff'
+const enterSymbol = '\r\n'
+
+function defaultFilterExportColumn(column: VxeTableDefines.ColumnInfo) {
+  return !!column.field || ['seq', 'checkbox', 'radio'].indexOf(column.type || '') === -1
+}
+
+const getConvertColumns = (columns: any) => {
+  const result: any = []
+  columns.forEach((column: any) => {
+    if (column.childNodes && column.childNodes.length) {
+      result.push(column)
+      result.push(...getConvertColumns(column.childNodes))
+    } else {
+      result.push(column)
+    }
+  })
+  return result
+}
+
+const convertToRows = (originColumns: any): any[][] => {
+  let maxLevel = 1
+  const traverse = (column: any, parent?: any) => {
+    if (parent) {
+      column._level = parent._level + 1
+      if (maxLevel < column._level) {
+        maxLevel = column._level
+      }
+    }
+    if (column.childNodes && column.childNodes.length) {
+      let colSpan = 0
+      column.childNodes.forEach((subColumn: any) => {
+        traverse(subColumn, column)
+        colSpan += subColumn._colSpan
+      })
+      column._colSpan = colSpan
+    } else {
+      column._colSpan = 1
+    }
+  }
+
+  originColumns.forEach((column: any) => {
+    column._level = 1
+    traverse(column)
+  })
+
+  const rows: any = []
+  for (let i = 0; i < maxLevel; i++) {
+    rows.push([])
+  }
+
+  const allColumns = getConvertColumns(originColumns)
+
+  allColumns.forEach((column: any) => {
+    if (column.childNodes && column.childNodes.length) {
+      column._rowSpan = 1
+    } else {
+      column._rowSpan = maxLevel - column._level + 1
+    }
+    rows[column._level - 1].push(column)
+  })
+
+  return rows
+}
+
+function toTableBorder(border: VxeTablePropTypes.Border | undefined) {
+  if (border === true) {
+    return 'full'
+  }
+  if (border) {
+    return border
+  }
+  return 'default'
+}
+
+function getBooleanValue(cellValue: any) {
+  return cellValue === 'TRUE' || cellValue === 'true' || cellValue === true
+}
+
+function getFooterData($xeTable: VxeTableConstructor & VxeTablePrivateMethods, opts: VxeTablePropTypes.ExportHandleOptions, footerTableData: any[]) {
+  const $xeGrid = $xeTable.xeGrid
+  const $xeGantt = $xeTable.xeGantt
+
+  const { footerFilterMethod } = opts
+  return footerFilterMethod ? footerTableData.filter((items, index) => footerFilterMethod({ $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, items, $rowIndex: index })) : footerTableData
+}
+
+function getCsvCellTypeLabel(column: any, cellValue: any) {
+  if (cellValue) {
+    if (column.type === 'seq') {
+      return `\t${cellValue}`
+    }
+    switch (column.cellType) {
+      case 'string':
+        if (!isNaN(cellValue)) {
+          return `\t${cellValue}`
+        }
+        break
+      case 'number':
+        break
+      default:
+        if (cellValue.length >= 12 && !isNaN(cellValue)) {
+          return `\t${cellValue}`
+        }
+        break
+    }
+  }
+  return cellValue
+}
+
+function toTxtCellLabel(val: any) {
+  if (/[",\s\n]/.test(val)) {
+    return `"${val.replace(/"/g, '""')}"`
+  }
+  return XEUtils.eqNull(val) ? '' : val
+}
+
+function getElementsByTagName(elem: any, qualifiedName: any) {
+  return elem.getElementsByTagName(qualifiedName) as HTMLElement[]
+}
+
+function getTxtCellKey(now: number) {
+  return `#${now}@${XEUtils.uniqueId()}`
+}
+
+function replaceTxtCell(cell: any, vMaps: any) {
+  return cell.replace(/#\d+@\d+/g, (key: any) => (XEUtils.hasOwnProp(vMaps, key) ? vMaps[key] : key))
+}
+
+function getTxtCellValue(val: any, vMaps: any) {
+  const rest = replaceTxtCell(val, vMaps)
+  return rest.replace(/^"+$/g, (qVal: any) => '"'.repeat(Math.ceil(qVal.length / 2)))
+}
+
+function toExportField(
+  tableConf: {
+    fieldMaps: Record<string, VxeTableDefines.ColumnInfo>
+    titleMaps: Record<string, VxeTableDefines.ColumnInfo>
+  },
+  field: string
+) {
+  const { fieldMaps, titleMaps } = tableConf
+  // title 转 field
+  if (!fieldMaps[field]) {
+    const teCol = titleMaps[field]
+    if (teCol && teCol.field) {
+      field = teCol.field
+    }
+  }
+  return field
+}
+
+function parseCsvAndTxt(
+  tableConf: {
+    fieldMaps: Record<string, VxeTableDefines.ColumnInfo>
+    titleMaps: Record<string, VxeTableDefines.ColumnInfo>
+  },
+  content: string,
+  cellSeparator: string
+) {
+  const list = content.split(enterSymbol)
+  const rows: any[] = []
+  let fields: string[] = []
+  if (list.length) {
+    const vMaps: any = {}
+    const now = Date.now()
+    list.forEach((rVal) => {
+      if (rVal) {
+        const item: any = {}
+        rVal = rVal
+          .replace(/("")|(\n)/g, (text: string, dVal: string) => {
+            const key = getTxtCellKey(now)
+            vMaps[key] = dVal ? '"' : '\n'
+            return key
+          })
+          .replace(/"(.*?)"/g, (text: string, cVal: string) => {
+            const key = getTxtCellKey(now)
+            vMaps[key] = replaceTxtCell(cVal, vMaps)
+            return key
+          })
+        const cells: string[] = rVal.split(cellSeparator)
+        if (!fields.length) {
+          fields = cells.map((val: string) => toExportField(tableConf, getTxtCellValue(val.trim(), vMaps)))
+        } else {
+          cells.forEach((val, colIndex) => {
+            if (colIndex < fields.length) {
+              item[fields[colIndex]] = getTxtCellValue(val.trim(), vMaps)
+            }
+          })
+          rows.push(item)
+        }
+      }
+    })
+  }
+  return { fields, rows }
+}
+
+function parseCsv(
+  tableConf: {
+    fieldMaps: Record<string, VxeTableDefines.ColumnInfo>
+    titleMaps: Record<string, VxeTableDefines.ColumnInfo>
+  },
+  content: string
+) {
+  return parseCsvAndTxt(tableConf, content, ',')
+}
+
+function parseTxt(
+  tableConf: {
+    fieldMaps: Record<string, VxeTableDefines.ColumnInfo>
+    titleMaps: Record<string, VxeTableDefines.ColumnInfo>
+  },
+  content: string
+) {
+  return parseCsvAndTxt(tableConf, content, '\t')
+}
+
+function parseHTML(
+  tableConf: {
+    fieldMaps: Record<string, VxeTableDefines.ColumnInfo>
+    titleMaps: Record<string, VxeTableDefines.ColumnInfo>
+  },
+  content: string
+) {
+  const domParser = new DOMParser()
+  const xmlDoc = domParser.parseFromString(content, 'text/html')
+  const bodyNodes = getElementsByTagName(xmlDoc, 'body')
+  const rows: any[] = []
+  const fields: string[] = []
+  if (bodyNodes.length) {
+    const tableNodes = getElementsByTagName(bodyNodes[0], 'table')
+    if (tableNodes.length) {
+      const theadNodes = getElementsByTagName(tableNodes[0], 'thead')
+      if (theadNodes.length) {
+        XEUtils.arrayEach(getElementsByTagName(theadNodes[0], 'tr'), (rowNode) => {
+          XEUtils.arrayEach(getElementsByTagName(rowNode, 'th'), (cellNode) => {
+            fields.push(toExportField(tableConf, cellNode.textContent || ''))
+          })
+        })
+        const tbodyNodes = getElementsByTagName(tableNodes[0], 'tbody')
+        if (tbodyNodes.length) {
+          XEUtils.arrayEach(getElementsByTagName(tbodyNodes[0], 'tr'), (rowNode) => {
+            const item: any = {}
+            XEUtils.arrayEach(getElementsByTagName(rowNode, 'td'), (cellNode, colIndex) => {
+              if (fields[colIndex]) {
+                item[fields[colIndex]] = cellNode.textContent || ''
+              }
+            })
+            rows.push(item)
+          })
+        }
+      }
+    }
+  }
+  return { fields, rows }
+}
+
+function parseXML(
+  tableConf: {
+    fieldMaps: Record<string, VxeTableDefines.ColumnInfo>
+    titleMaps: Record<string, VxeTableDefines.ColumnInfo>
+  },
+  content: string
+) {
+  const domParser = new DOMParser()
+  const xmlDoc = domParser.parseFromString(content, 'application/xml')
+  const sheetNodes = getElementsByTagName(xmlDoc, 'Worksheet')
+  const rows: any[] = []
+  const fields: string[] = []
+  if (sheetNodes.length) {
+    const tableNodes = getElementsByTagName(sheetNodes[0], 'Table')
+    if (tableNodes.length) {
+      const rowNodes = getElementsByTagName(tableNodes[0], 'Row')
+      if (rowNodes.length) {
+        XEUtils.arrayEach(getElementsByTagName(rowNodes[0], 'Cell'), (cellNode) => {
+          fields.push(toExportField(tableConf, cellNode.textContent || ''))
+        })
+        XEUtils.arrayEach(rowNodes, (rowNode, index) => {
+          if (index) {
+            const item: any = {}
+            const cellNodes = getElementsByTagName(rowNode, 'Cell')
+            XEUtils.arrayEach(cellNodes, (cellNode, colIndex) => {
+              if (fields[colIndex]) {
+                item[fields[colIndex]] = cellNode.textContent
+              }
+            })
+            rows.push(item)
+          }
+        })
+      }
+    }
+  }
+  return { fields, rows }
+}
+
+function clearColumnConvert(columns: any) {
+  XEUtils.eachTree(
+    columns,
+    (column: any) => {
+      delete column._level
+      delete column._colSpan
+      delete column._rowSpan
+      delete column._children
+      delete column.childNodes
+    },
+    { children: 'children' }
+  )
+}
+
+const tableExportMethodKeys: (keyof TableExportMethods)[] = ['exportData', 'importByFile', 'importData', 'saveFile', 'readFile', 'print', 'getPrintHtml', 'openImport', 'closeImport', 'openExport', 'closeExport', 'openPrint', 'closePrint']
+
+hooks.add('tableExportModule', {
+  setupTable($xeTable) {
+    const { props, reactData, internalData } = $xeTable
+    const { computeTreeOpts, computePrintOpts, computeExportOpts, computeImportOpts, computeSeqOpts, computeRadioOpts, computeCheckboxOpts, computeColumnOpts, computeAggregateOpts, computeRendererOpts } = $xeTable.getComputeMaps()
+
+    const getSeq = (cellValue: any, row: any, $rowIndex: number, column: VxeTableDefines.ColumnInfo, $columnIndex: number) => {
+      const seqOpts = computeSeqOpts.value
+      const seqMd = seqOpts.seqMethod || (column as any).seqMethod
+      if (seqMd) {
+        return seqMd({
+          $table: $xeTable,
+          row,
+          rowIndex: $xeTable.getRowIndex(row),
+          _rowIndex: $xeTable.getVTRowIndex(row),
+          $rowIndex,
+          column,
+          columnIndex: $xeTable.getColumnIndex(column),
+          _columnIndex: $xeTable.getVTColumnIndex(column),
+          $columnIndex
+        })
+      }
+      return cellValue
+    }
+
+    function getHeaderTitle(opts: VxeTablePropTypes.ExportHandleOptions, column: VxeTableDefines.ColumnInfo) {
+      const columnOpts = computeColumnOpts.value
+      const headExportMethod = column.headerExportMethod || columnOpts.headerExportMethod
+      return headExportMethod ? headExportMethod({ column, options: opts, $table: $xeTable }) : (opts.isTitle ? $xeTable.getHeaderCellLabel(column) : column.field) || ''
+    }
+
+    const toBooleanValue = (cellValue: any) => {
+      return XEUtils.isBoolean(cellValue) ? (cellValue ? 'TRUE' : 'FALSE') : cellValue
+    }
+
+    const toStringValue = (cellValue: any) => {
+      return eqEmptyValue(cellValue) ? '' : `${cellValue}`
+    }
+
+    const getBodyLabelData = (opts: VxeTablePropTypes.ExportHandleOptions, columns: VxeTableDefines.ColumnInfo[], datas: any[]) => {
+      const { isTreeAllExpanded, isRowGroupAllExpanded, mode: expMode } = opts
+      const { treeConfig } = props
+      const { isRowGroupStatus } = reactData
+      const { fullColumnFieldData, fullAllDataRowIdData } = internalData
+      const radioOpts = computeRadioOpts.value
+      const checkboxOpts = computeCheckboxOpts.value
+      const treeOpts = computeTreeOpts.value
+      const columnOpts = computeColumnOpts.value
+      const aggregateOpts = computeAggregateOpts.value
+      const rendererOpts = computeRendererOpts.value
+      if (!htmlCellElem) {
+        htmlCellElem = document.createElement('div')
+      }
+      const { handleGetRowId } = createHandleGetRowId($xeTable)
+      if (isRowGroupStatus) {
+        // 如果是数据分组
+        const { mode: aggMode, showTotal, totalMethod, countFields, contentMethod, formatValuesMethod, mapChildrenField } = aggregateOpts
+        const rest: any[] = []
+        const expandMaps: Record<string, boolean> = {}
+        const useMaps: Record<string, boolean> = {}
+        XEUtils.eachTree(
+          datas,
+          (item, $rowIndex, items, path, parentItem, nodes) => {
+            const row = item._row || item
+            const rowid = handleGetRowId(row)
+            if (useMaps[rowid]) {
+              return
+            }
+            const parentRow = parentItem && parentItem._row ? parentItem._row : parentItem
+            const pRowid = parentRow ? handleGetRowId(parentRow) : ''
+            if (isRowGroupAllExpanded || !parentRow || (expandMaps[pRowid] && $xeTable.isRowExpandByRow(parentRow))) {
+              const hasRowChild = mapChildrenField && row[mapChildrenField] && row[mapChildrenField].length
+              const item: any = {
+                _row: row,
+                _level: nodes.length - 1,
+                _hasChild: hasRowChild,
+                _expand: hasRowChild && $xeTable.isRowExpandByRow(row)
+              }
+              columns.forEach((column, $columnIndex) => {
+                const { field, editRender, cellRender, aggFunc, rowGroupNode } = column
+                let cellValue: string | number | boolean | null = ''
+                const renderOpts = editRender || cellRender
+                let bodyExportMethod: VxeColumnPropTypes.ExportMethod | undefined = column.exportMethod || columnOpts.exportMethod
+                if (!bodyExportMethod && renderOpts && renderOpts.name) {
+                  const compConf = rendererOpts[renderOpts.name] || renderer.get(renderOpts.name)
+                  if (compConf) {
+                    bodyExportMethod = compConf.tableExportMethod || compConf.exportMethod
+                  }
+                }
+                if (!bodyExportMethod) {
+                  bodyExportMethod = columnOpts.exportMethod
+                }
+                if (bodyExportMethod) {
+                  cellValue = bodyExportMethod({ $table: $xeTable, row, column, options: opts })
+                } else {
+                  switch (column.type) {
+                    case 'seq': {
+                      const seqVal = path.map((num, i) => (i % 2 === 0 ? Number(num) + 1 : '.')).join('')
+                      cellValue = expMode === 'all' ? seqVal : getSeq(seqVal, row, $rowIndex, column, $columnIndex)
+                      break
+                    }
+                    case 'checkbox': {
+                      cellValue = toBooleanValue($xeTable.isCheckedByCheckboxRow(row))
+                      item._checkboxLabel = checkboxOpts.labelField ? XEUtils.get(row, checkboxOpts.labelField) : ''
+                      item._checkboxDisabled = checkboxOpts.checkMethod && !checkboxOpts.checkMethod({ $table: $xeTable, row })
+                      break
+                    }
+                    case 'radio': {
+                      cellValue = toBooleanValue($xeTable.isCheckedByRadioRow(row))
+                      item._radioLabel = radioOpts.labelField ? XEUtils.get(row, radioOpts.labelField) : ''
+                      item._radioDisabled = radioOpts.checkMethod && !radioOpts.checkMethod({ $table: $xeTable, row })
+                      break
+                    }
+                    default: {
+                      if (field && row.isAggregate) {
+                        const aggRow: VxeTableDefines.AggregateRowInfo = row
+                        const aggData = aggRow.aggData
+                        const currAggData = aggData ? aggData[field] : null
+                        const groupField = aggRow.groupField
+                        const groupContent = aggRow.groupContent
+                        const childList = mapChildrenField ? aggRow[mapChildrenField] || [] : []
+                        const childCount = aggRow.childCount
+                        const colRest = fullColumnFieldData[groupField] || {}
+                        const ctParams = {
+                          $table: $xeTable,
+                          groupField,
+                          groupColumn: (colRest ? colRest.column : null) as VxeTableDefines.ColumnInfo,
+                          column,
+                          groupValue: groupContent,
+                          childList,
+                          childCount,
+                          aggValue: null as any,
+
+                          /**
+                           * 已废弃
+                           * @deprecated
+                           */
+                          children: childList,
+                          /**
+                           * 已废弃
+                           * @deprecated
+                           */
+                          totalValue: childCount
+                        }
+                        if (aggMode === 'column' ? field === aggRow.groupField : rowGroupNode) {
+                          cellValue = groupContent
+                          if (contentMethod) {
+                            cellValue = `${contentMethod(ctParams)}`
+                          }
+                          if (showTotal) {
+                            cellValue = getI18n('vxe.table.rowGroupContentTotal', [cellValue, totalMethod ? totalMethod(ctParams) : childCount, childCount])
+                          }
+                        } else if ($xeTable.getPivotTableAggregateCellAggValue) {
+                          const aggParams = {
+                            $table: $xeTable,
+                            row,
+                            column
+                          }
+                          cellValue = $xeTable.getPivotTableAggregateCellAggValue(aggParams)
+                        } else if (aggFunc === true || (countFields && countFields.includes(field))) {
+                          cellValue = currAggData ? currAggData.value : childCount
+                          ctParams.aggValue = cellValue
+                          if (formatValuesMethod) {
+                            cellValue = formatValuesMethod(ctParams)
+                          }
+                        }
+                      } else if (opts.original) {
+                        cellValue = getCellValue(row, column)
+                      } else {
+                        cellValue = $xeTable.getCellLabel(row, column)
+                        if (column.type === 'html') {
+                          htmlCellElem.innerHTML = cellValue
+                          cellValue = htmlCellElem.innerText.trim()
+                        } else {
+                          const cell = $xeTable.getCellElement(row, column)
+                          if (cell && !hasClass(cell, 'is--progress')) {
+                            cellValue = cell.innerText.trim()
+                          }
+                        }
+                      }
+                      break
+                    }
+                  }
+                }
+                item[column.id] = toStringValue(cellValue)
+              })
+              useMaps[rowid] = true
+              if (pRowid) {
+                expandMaps[pRowid] = true
+              }
+              rest.push(Object.assign(item, row))
+            }
+          },
+          { children: mapChildrenField }
+        )
+        return rest
+      }
+      if (treeConfig) {
+        // 如果是树结构
+        const { seqMode } = treeOpts
+        const childrenField = treeOpts.children || treeOpts.childrenField
+        const rest: any[] = []
+        const expandMaps: Record<string, boolean> = {}
+        const useMaps: Record<string, boolean> = {}
+        XEUtils.eachTree(
+          datas,
+          (item, $rowIndex, items, path, parentItem, nodes) => {
+            const row = item._row || item
+            const rowid = handleGetRowId(row)
+            if (useMaps[rowid]) {
+              return
+            }
+            const parentRow = parentItem && parentItem._row ? parentItem._row : parentItem
+            const pRowid = parentRow ? handleGetRowId(parentRow) : ''
+            if (isTreeAllExpanded || !parentRow || (expandMaps[pRowid] && $xeTable.isTreeExpandByRow(parentRow))) {
+              const hasRowChild = row[childrenField] && row[childrenField].length
+              const item: any = {
+                _row: row,
+                _level: nodes.length - 1,
+                _hasChild: hasRowChild,
+                _expand: hasRowChild && $xeTable.isTreeExpandByRow(row)
+              }
+              const rowRest = fullAllDataRowIdData[rowid] || {}
+              columns.forEach((column, $columnIndex) => {
+                let cellValue: string | number | boolean | null = ''
+                const renderOpts = column.editRender || column.cellRender
+                let bodyExportMethod: VxeColumnPropTypes.ExportMethod | undefined = column.exportMethod || columnOpts.exportMethod
+                if (!bodyExportMethod && renderOpts && renderOpts.name) {
+                  const compConf = rendererOpts[renderOpts.name] || renderer.get(renderOpts.name)
+                  if (compConf) {
+                    bodyExportMethod = compConf.tableExportMethod || compConf.exportMethod
+                  }
+                }
+                if (!bodyExportMethod) {
+                  bodyExportMethod = columnOpts.exportMethod
+                }
+                if (bodyExportMethod) {
+                  cellValue = bodyExportMethod({ $table: $xeTable, row, column, options: opts })
+                } else {
+                  switch (column.type) {
+                    case 'seq': {
+                      let seqVal: number | string = path.map((num, i) => (i % 2 === 0 ? Number(num) + 1 : '.')).join('')
+                      if (seqMode === 'increasing') {
+                        seqVal = rowRest ? rowRest._index + 1 : -1
+                      }
+                      cellValue = expMode === 'all' ? seqVal : getSeq(seqVal, row, $rowIndex, column, $columnIndex)
+                      break
+                    }
+                    case 'checkbox':
+                      cellValue = toBooleanValue($xeTable.isCheckedByCheckboxRow(row))
+                      item._checkboxLabel = checkboxOpts.labelField ? XEUtils.get(row, checkboxOpts.labelField) : ''
+                      item._checkboxDisabled = checkboxOpts.checkMethod && !checkboxOpts.checkMethod({ $table: $xeTable, row })
+                      break
+                    case 'radio':
+                      cellValue = toBooleanValue($xeTable.isCheckedByRadioRow(row))
+                      item._radioLabel = radioOpts.labelField ? XEUtils.get(row, radioOpts.labelField) : ''
+                      item._radioDisabled = radioOpts.checkMethod && !radioOpts.checkMethod({ $table: $xeTable, row })
+                      break
+                    default:
+                      if (opts.original) {
+                        cellValue = getCellValue(row, column)
+                      } else {
+                        cellValue = $xeTable.getCellLabel(row, column)
+                        if (column.type === 'html') {
+                          htmlCellElem.innerHTML = cellValue
+                          cellValue = htmlCellElem.innerText.trim()
+                        } else {
+                          const cell = $xeTable.getCellElement(row, column)
+                          if (cell && !hasClass(cell, 'is--progress')) {
+                            cellValue = cell.innerText.trim()
+                          }
+                        }
+                      }
+                  }
+                }
+                item[column.id] = toStringValue(cellValue)
+              })
+              useMaps[rowid] = true
+              if (pRowid) {
+                expandMaps[pRowid] = true
+              }
+              rest.push(Object.assign(item, row))
+            }
+          },
+          { children: childrenField }
+        )
+        return rest
+      }
+      return datas.map((row, $rowIndex) => {
+        const item: any = {
+          _row: row
+        }
+        columns.forEach((column, $columnIndex) => {
+          let cellValue: string | number | boolean | null = ''
+          const renderOpts = column.editRender || column.cellRender
+          let bodyExportMethod: VxeColumnPropTypes.ExportMethod | undefined = column.exportMethod || columnOpts.exportMethod
+          if (!bodyExportMethod && renderOpts && renderOpts.name) {
+            const compConf = rendererOpts[renderOpts.name] || renderer.get(renderOpts.name)
+            if (compConf) {
+              bodyExportMethod = compConf.tableExportMethod || compConf.exportMethod
+            }
+          }
+          if (bodyExportMethod) {
+            cellValue = bodyExportMethod({ $table: $xeTable, row, column, options: opts })
+          } else {
+            switch (column.type) {
+              case 'seq': {
+                const seqValue = $rowIndex + 1
+                cellValue = expMode === 'all' ? seqValue : getSeq(seqValue, row, $rowIndex, column, $columnIndex)
+                break
+              }
+              case 'checkbox':
+                cellValue = toBooleanValue($xeTable.isCheckedByCheckboxRow(row))
+                item._checkboxLabel = checkboxOpts.labelField ? XEUtils.get(row, checkboxOpts.labelField) : ''
+                item._checkboxDisabled = checkboxOpts.checkMethod && !checkboxOpts.checkMethod({ $table: $xeTable, row })
+                break
+              case 'radio':
+                cellValue = toBooleanValue($xeTable.isCheckedByRadioRow(row))
+                item._radioLabel = radioOpts.labelField ? XEUtils.get(row, radioOpts.labelField) : ''
+                item._radioDisabled = radioOpts.checkMethod && !radioOpts.checkMethod({ $table: $xeTable, row })
+                break
+              default:
+                if (opts.original) {
+                  cellValue = getCellValue(row, column)
+                } else {
+                  cellValue = $xeTable.getCellLabel(row, column)
+                  if (column.type === 'html') {
+                    htmlCellElem.innerHTML = cellValue
+                    cellValue = htmlCellElem.innerText.trim()
+                  } else {
+                    const cell = $xeTable.getCellElement(row, column)
+                    if (cell && !hasClass(cell, 'is--progress')) {
+                      cellValue = cell.innerText.trim()
+                    }
+                  }
+                }
+            }
+          }
+          item[column.id] = toStringValue(cellValue)
+        })
+        return item
+      })
+    }
+
+    const getExportData = (opts: VxeTablePropTypes.ExportHandleOptions) => {
+      const $xeGrid = $xeTable.xeGrid
+      const $xeGantt = $xeTable.xeGantt
+
+      const { columns, dataFilterMethod } = opts
+      let datas = opts.data
+      if (dataFilterMethod) {
+        datas = datas.filter((row, index) => dataFilterMethod({ $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, row, $rowIndex: index }))
+      }
+      return getBodyLabelData(opts, columns, datas)
+    }
+
+    const getFooterCellValue = (opts: VxeTablePropTypes.ExportHandleOptions, row: any, column: VxeTableDefines.ColumnInfo) => {
+      const columnOpts = computeColumnOpts.value
+      const rendererOpts = computeRendererOpts.value
+      const renderOpts = column.editRender || column.cellRender
+      let footLabelMethod: VxeColumnPropTypes.FooterExportMethod | undefined = column.footerExportMethod
+      if (!footLabelMethod && renderOpts && renderOpts.name) {
+        const compConf = rendererOpts[renderOpts.name] || renderer.get(renderOpts.name)
+        if (compConf) {
+          footLabelMethod = compConf.tableFooterExportMethod || compConf.footerExportMethod
+        }
+      }
+      if (!footLabelMethod) {
+        footLabelMethod = columnOpts.footerExportMethod
+      }
+      if (footLabelMethod) {
+        const _columnIndex = $xeTable.getVTColumnIndex(column)
+        return footLabelMethod({ $table: $xeTable, items: row, itemIndex: _columnIndex, row, _columnIndex, column, options: opts })
+      }
+      const cellValue = $xeTable.getFooterCellLabel(row, column)
+      return cellValue
+    }
+
+    const toCsv = ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, opts: VxeTablePropTypes.ExportHandleOptions, columns: VxeTableDefines.ColumnInfo[], datas: any[]) => {
+      let content = csvBOM
+      if (opts.isHeader) {
+        content += columns.map((column) => toTxtCellLabel(getHeaderTitle(opts, column))).join(',') + enterSymbol
+      }
+      datas.forEach((row) => {
+        content += columns.map((column) => toTxtCellLabel(getCsvCellTypeLabel(column, row[column.id]))).join(',') + enterSymbol
+      })
+      if (opts.isFooter) {
+        const { footerTableData } = reactData
+        const footers = getFooterData($xeTable, opts, footerTableData)
+        footers.forEach((row) => {
+          content += columns.map((column: any) => toTxtCellLabel(getFooterCellValue(opts, row, column))).join(',') + enterSymbol
+        })
+      }
+      return content
+    }
+
+    const toTxt = ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, opts: VxeTablePropTypes.ExportHandleOptions, columns: VxeTableDefines.ColumnInfo[], datas: any[]) => {
+      let content = ''
+      if (opts.isHeader) {
+        content += columns.map((column) => toTxtCellLabel(getHeaderTitle(opts, column))).join('\t') + enterSymbol
+      }
+      datas.forEach((row) => {
+        content += columns.map((column) => toTxtCellLabel(row[column.id])).join('\t') + enterSymbol
+      })
+      if (opts.isFooter) {
+        const { footerTableData } = reactData
+        const footers = getFooterData($xeTable, opts, footerTableData)
+        footers.forEach((row) => {
+          content += columns.map((column: any) => toTxtCellLabel(getFooterCellValue(opts, row, column))).join('\t') + enterSymbol
+        })
+      }
+      return content
+    }
+
+    const hasEllipsis = (column: VxeTableDefines.ColumnInfo, property: 'showOverflow' | 'showHeaderOverflow', allColumnOverflow: VxeTablePropTypes.ShowOverflow | undefined) => {
+      const columnOverflow = column[property]
+      const headOverflow = XEUtils.isUndefined(columnOverflow) || XEUtils.isNull(columnOverflow) ? allColumnOverflow : columnOverflow
+      const showEllipsis = headOverflow === 'ellipsis'
+      const showTitle = headOverflow === 'title'
+      const showTooltip = headOverflow === true || headOverflow === 'tooltip'
+      let isEllipsis = showTitle || showTooltip || showEllipsis
+      // 虚拟滚动不支持动态高度
+      const { scrollXLoad, scrollYLoad } = reactData
+      if ((scrollXLoad || scrollYLoad) && !isEllipsis) {
+        isEllipsis = true
+      }
+      return isEllipsis
+    }
+
+    const getCustomColKey = (conf: VxeTableDefines.ColumnInfo<any> | VxeTablePropTypes.ExportOrPrintColumnOption) => {
+      return `${conf.field || ''}:${conf.type || ''}`
+    }
+
+    const toHtml = (opts: VxeTablePropTypes.ExportHandleOptions, columns: VxeTableDefines.ColumnInfo[], datas: any[]) => {
+      const { id, border, treeConfig, headerAlign: allHeaderAlign, align: allAlign, footerAlign: allFooterAlign, showOverflow: allColumnOverflow, showHeaderOverflow: allColumnHeaderOverflow } = props
+      const { isAllSelected, isIndeterminate } = reactData
+      const { mergeBodyCellMaps, mergeFooterCellMaps } = internalData
+      const treeOpts = computeTreeOpts.value
+      const { print: isPrint, widthMode, isHeader, isFooter, isColgroup, isMerge, colgroups, _columnConfs, original } = opts
+      const isAutoWidth = widthMode === 'auto'
+      const isScaleWidth = widthMode === 'scale'
+      const isDefaultWidth = !isAutoWidth && !isScaleWidth
+
+      const customWidthMaps: Record<string, number | string> = {}
+      if (_columnConfs) {
+        _columnConfs.forEach((conf) => {
+          if (!isColumnInfo(conf)) {
+            if ((conf.field || conf.type) && conf.width) {
+              customWidthMaps[getCustomColKey(conf)] = conf.width
+            }
+          }
+        })
+      }
+
+      // 计算宽度
+      const colWidthMaps: Record<string, number> = {}
+      const printWidthMaps: Record<string, number> = {}
+      if (isPrint) {
+        let tableWidth = 0
+        columns.forEach((column) => {
+          tableWidth += column.renderWidth
+        })
+        if (colgroups) {
+          colgroups.forEach((cols) => {
+            cols.forEach((column: any) => {
+              if (!column.childNodes || !column.childNodes.length) {
+                return
+              }
+              let childWidth = 0
+              let countChild = 0
+              XEUtils.eachTree(
+                [column],
+                (item) => {
+                  if (!item.childNodes || !column.childNodes.length) {
+                    countChild++
+                  }
+                  const ptWidth = printWidthMaps[item.id]
+                  childWidth += ptWidth || 0
+                },
+                { children: 'childNodes' }
+              )
+              const colWidth = childWidth - countChild
+              colWidthMaps[column.id] = colWidth
+              printWidthMaps[column.id] = XEUtils.floor((colWidth / tableWidth) * 180, 2)
+            })
+          })
+        }
+        columns.forEach((column) => {
+          const colWidth = column.renderWidth
+          if (column.width) {
+            colWidthMaps[column.id] = colWidth
+          }
+          printWidthMaps[column.id] = XEUtils.floor((colWidth / tableWidth) * 180, 2)
+        })
+      }
+
+      const getHeaderWidthStyle = (column: VxeTableDefines.ColumnInfo) => {
+        const cmColKey = getCustomColKey(column)
+        const cmWidthMaps = customWidthMaps[cmColKey]
+        if (cmWidthMaps) {
+          return 'width:' + toCssUnit(cmWidthMaps)
+        }
+        if (isAutoWidth) {
+          return ''
+        }
+        if (isScaleWidth) {
+          return printWidthMaps[column.id] ? 'width:' + printWidthMaps[column.id] + 'mm' : ''
+        }
+        return colWidthMaps[column.id] ? 'width:' + toCssUnit(colWidthMaps[column.id]) : ''
+      }
+
+      const getCellWidthStyle = (column: VxeTableDefines.ColumnInfo) => {
+        const cmColKey = getCustomColKey(column)
+        const cmWidthMaps = customWidthMaps[cmColKey]
+        if (cmWidthMaps) {
+          return 'width:' + toCssUnit(cmWidthMaps)
+        }
+        if (isAutoWidth || isDefaultWidth) {
+          return ''
+        }
+        if (isScaleWidth) {
+          return printWidthMaps[column.id] ? 'width:' + printWidthMaps[column.id] + 'mm' : ''
+        }
+        return colWidthMaps[column.id] ? 'width:' + toCssUnit(colWidthMaps[column.id]) : ''
+      }
+
+      const allCls = 'check-all'
+      const clss = ['vxe-table', `border--${toTableBorder(border)}`, isPrint ? 'is--print' : '', isAutoWidth ? 'is--auto-width' : '', isScaleWidth ? 'is--scale-width' : '', isDefaultWidth ? 'is--default-width' : '', isHeader ? 'is--header' : ''].filter((cls) => cls)
+      const tables = [`<table class="${clss.join(' ')}" border="0" cellspacing="0" cellpadding="0">`, `<colgroup>${columns.map((column) => `<col style="${getHeaderWidthStyle(column)}">`).join('')}</colgroup>`]
+      if (isHeader) {
+        tables.push('<thead>')
+        if (isColgroup && !original) {
+          colgroups.forEach((cols) => {
+            tables.push(
+              `<tr>${cols
+                .map((column: any) => {
+                  const headAlign = column.headerAlign || column.align || allHeaderAlign || allAlign
+                  const classNames = hasEllipsis(column, 'showHeaderOverflow', allColumnHeaderOverflow) ? ['col--ellipsis'] : []
+                  const cellTitle = getHeaderTitle(opts, column)
+                  if (headAlign) {
+                    classNames.push(`col--${headAlign}`)
+                  }
+                  if (column.type === 'checkbox') {
+                    return `<th class="${classNames.join(' ')}" colspan="${column._colSpan}" rowspan="${column._rowSpan}"><div style="${getCellWidthStyle(column)}"><input type="checkbox" class="${allCls}" ${isAllSelected ? 'checked' : ''}><span>${cellTitle}</span></div></th>`
+                  }
+                  return `<th class="${classNames.join(' ')}" colspan="${column._colSpan}" rowspan="${column._rowSpan}" title="${cellTitle}"><div style="${getCellWidthStyle(column)}"><span>${formatText(cellTitle, true)}</span></div></th>`
+                })
+                .join('')}</tr>`
+            )
+          })
+        } else {
+          tables.push(
+            `<tr>${columns
+              .map((column: any) => {
+                const headAlign = column.headerAlign || column.align || allHeaderAlign || allAlign
+                const classNames = hasEllipsis(column, 'showHeaderOverflow', allColumnHeaderOverflow) ? ['col--ellipsis'] : []
+                const cellTitle = getHeaderTitle(opts, column)
+                if (headAlign) {
+                  classNames.push(`col--${headAlign}`)
+                }
+                if (column.type === 'checkbox') {
+                  return `<th class="${classNames.join(' ')}"><div style="${getCellWidthStyle(column)}"><input type="checkbox" class="${allCls}" ${isAllSelected ? 'checked' : ''}><span>${cellTitle}</span></div></th>`
+                }
+                return `<th class="${classNames.join(' ')}" title="${cellTitle}"><div style="${getCellWidthStyle(column)}"><span>${formatText(cellTitle, true)}</span></div></th>`
+              })
+              .join('')}</tr>`
+          )
+        }
+        tables.push('</thead>')
+      }
+      if (datas.length) {
+        tables.push('<tbody>')
+        if (treeConfig) {
+          datas.forEach((item: any) => {
+            tables.push(
+              '<tr>' +
+                columns
+                  .map((column: any) => {
+                    const colid = column.id
+                    const cellAlign = column.align || allAlign
+                    const classNames = hasEllipsis(column, 'showOverflow', allColumnOverflow) ? ['col--ellipsis'] : []
+                    const cellValue = item[colid]
+                    if (cellAlign) {
+                      classNames.push(`col--${cellAlign}`)
+                    }
+                    if (column.treeNode) {
+                      let treeIcon = ''
+                      if (item._hasChild) {
+                        treeIcon = `<i class="${item._expand ? 'vxe-table--tree-fold-icon' : 'vxe-table--tree-unfold-icon'}"></i>`
+                      }
+                      classNames.push('vxe-table--tree-node')
+                      if (column.type === 'radio') {
+                        return `<td class="${classNames.join(' ')}" title="${cellValue}"><div style="${getCellWidthStyle(column)}"><div class="vxe-table--tree-node-wrapper" style="padding-left: ${item._level * treeOpts.indent}px"><div class="vxe-table--tree-icon-wrapper">${treeIcon}</div><div class="vxe-table--tree-cell"><input type="radio" name="radio_${id}" ${item._radioDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._radioLabel}</span></div></div></div></td>`
+                      } else if (column.type === 'checkbox') {
+                        return `<td class="${classNames.join(' ')}" title="${cellValue}"><div style="${getCellWidthStyle(column)}"><div class="vxe-table--tree-node-wrapper" style="padding-left: ${item._level * treeOpts.indent}px"><div class="vxe-table--tree-icon-wrapper">${treeIcon}</div><div class="vxe-table--tree-cell"><input type="checkbox" ${item._checkboxDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._checkboxLabel}</span></div></div></div></td>`
+                      }
+                      return `<td class="${classNames.join(' ')}" title="${cellValue}"><div style="${getCellWidthStyle(column)}"><div class="vxe-table--tree-node-wrapper" style="padding-left: ${item._level * treeOpts.indent}px"><div class="vxe-table--tree-icon-wrapper">${treeIcon}</div><div class="vxe-table--tree-cell">${cellValue}</div></div></div></td>`
+                    }
+                    if (column.type === 'radio') {
+                      return `<td class="${classNames.join(' ')}"><div style="${getCellWidthStyle(column)}"><input type="radio" name="radio_${id}" ${item._radioDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._radioLabel}</span></div></td>`
+                    } else if (column.type === 'checkbox') {
+                      return `<td class="${classNames.join(' ')}"><div style="${getCellWidthStyle(column)}"><input type="checkbox" ${item._checkboxDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._checkboxLabel}</span></div></td>`
+                    }
+                    return `<td class="${classNames.join(' ')}" title="${cellValue}"><div style="${getCellWidthStyle(column)}">${formatText(cellValue, true)}</div></td>`
+                  })
+                  .join('') +
+                '</tr>'
+            )
+          })
+        } else {
+          datas.forEach((item) => {
+            tables.push(
+              '<tr>' +
+                columns
+                  .map((column) => {
+                    const cellAlign = column.align || allAlign
+                    const classNames = hasEllipsis(column, 'showOverflow', allColumnOverflow) ? ['col--ellipsis'] : []
+                    const cellValue = item[column.id]
+                    let rowSpan = 1
+                    let colSpan = 1
+                    if (isMerge) {
+                      const _rowIndex = $xeTable.getVTRowIndex(item._row)
+                      const _columnIndex = $xeTable.getVTColumnIndex(column)
+                      const spanRest = mergeBodyCellMaps[`${_rowIndex}:${_columnIndex}`]
+                      if (spanRest) {
+                        const { rowspan, colspan } = spanRest
+                        if (!rowspan || !colspan) {
+                          return ''
+                        }
+                        if (rowspan > 1) {
+                          rowSpan = rowspan
+                        }
+                        if (colspan > 1) {
+                          colSpan = colspan
+                        }
+                      }
+                    }
+                    if (cellAlign) {
+                      classNames.push(`col--${cellAlign}`)
+                    }
+                    if (column.type === 'radio') {
+                      return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}"><div style="${getCellWidthStyle(column)}"><input type="radio" name="radio_${id}" ${item._radioDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._radioLabel}</span></div></td>`
+                    } else if (column.type === 'checkbox') {
+                      return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}"><div style="${getCellWidthStyle(column)}"><input type="checkbox" ${item._checkboxDisabled ? 'disabled ' : ''}${getBooleanValue(cellValue) ? 'checked' : ''}><span>${item._checkboxLabel}</span></div></td>`
+                    }
+                    return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}" title="${cellValue}"><div style="${getCellWidthStyle(column)}">${formatText(cellValue, true)}</div></td>`
+                  })
+                  .join('') +
+                '</tr>'
+            )
+          })
+        }
+        tables.push('</tbody>')
+      }
+      if (isFooter) {
+        const { footerTableData } = reactData
+        const footers = getFooterData($xeTable, opts, footerTableData)
+        if (footers.length) {
+          tables.push('<tfoot>')
+          footers.forEach((row, rIndex) => {
+            tables.push(
+              `<tr>${columns
+                .map((column) => {
+                  const footAlign = column.footerAlign || column.align || allFooterAlign || allAlign
+                  const classNames = hasEllipsis(column, 'showOverflow', allColumnOverflow) ? ['col--ellipsis'] : []
+                  const cellValue = getFooterCellValue(opts, row, column)
+                  let rowSpan = 1
+                  let colSpan = 1
+                  if (isMerge) {
+                    const _rowIndex = rIndex
+                    const _columnIndex = $xeTable.getVTColumnIndex(column)
+                    const spanRest = mergeFooterCellMaps[`${_rowIndex}:${_columnIndex}`]
+                    if (spanRest) {
+                      const { rowspan, colspan } = spanRest
+                      if (!rowspan || !colspan) {
+                        return ''
+                      }
+                      if (rowspan > 1) {
+                        rowSpan = rowspan
+                      }
+                      if (colspan > 1) {
+                        colSpan = colspan
+                      }
+                    }
+                  }
+                  if (footAlign) {
+                    classNames.push(`col--${footAlign}`)
+                  }
+                  return `<td class="${classNames.join(' ')}" rowspan="${rowSpan}" colspan="${colSpan}" title="${cellValue}"><div style="${getCellWidthStyle(column)}">${formatText(cellValue, true)}</div></td>`
+                })
+                .join('')}</tr>`
+            )
+          })
+          tables.push('</tfoot>')
+        }
+      }
+      // 是否半选状态
+      const script = !isAllSelected && isIndeterminate ? `<script>(function(){var a=document.querySelector(".${allCls}");if(a){a.indeterminate=true}})()</script>` : ''
+      tables.push('</table>', script)
+      return isPrint ? tables.join('') : createHtmlPage(opts, tables.join(''))
+    }
+
+    const toXML = (opts: any, columns: any, datas: any) => {
+      let xml = [
+        '<?xml version="1.0"?>',
+        '<?mso-application progid="Excel.Sheet"?>',
+        '<Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet" xmlns:html="http://www.w3.org/TR/REC-html40">',
+        '<DocumentProperties xmlns="urn:schemas-microsoft-com:office:office">',
+        '<Version>16.00</Version>',
+        '</DocumentProperties>',
+        '<ExcelWorkbook xmlns="urn:schemas-microsoft-com:office:excel">',
+        '<WindowHeight>7920</WindowHeight>',
+        '<WindowWidth>21570</WindowWidth>',
+        '<WindowTopX>32767</WindowTopX>',
+        '<WindowTopY>32767</WindowTopY>',
+        '<ProtectStructure>False</ProtectStructure>',
+        '<ProtectWindows>False</ProtectWindows>',
+        '</ExcelWorkbook>',
+        `<Worksheet ss:Name="${opts.sheetName}">`,
+        '<Table>',
+        columns.map((column: any) => `<Column ss:Width="${column.renderWidth}"/>`).join('')
+      ].join('')
+      if (opts.isHeader) {
+        xml += `<Row>${columns.map((column: any) => `<Cell><Data ss:Type="String">${getHeaderTitle(opts, column)}</Data></Cell>`).join('')}</Row>`
+      }
+      datas.forEach((row: any) => {
+        xml += '<Row>' + columns.map((column: any) => `<Cell><Data ss:Type="String">${row[column.id]}</Data></Cell>`).join('') + '</Row>'
+      })
+      if (opts.isFooter) {
+        const { footerTableData } = reactData
+        const footers = getFooterData($xeTable, opts, footerTableData)
+        footers.forEach((row: any) => {
+          xml += `<Row>${columns.map((column: any) => `<Cell><Data ss:Type="String">${getFooterCellValue(opts, row, column)}</Data></Cell>`).join('')}</Row>`
+        })
+      }
+      return `${xml}</Table></Worksheet></Workbook>`
+    }
+
+    const getContent = ($xeTable: VxeTableConstructor & VxeTablePrivateMethods, opts: VxeTablePropTypes.ExportHandleOptions, columns: VxeTableDefines.ColumnInfo[], datas: any[]) => {
+      if (columns.length) {
+        switch (opts.type) {
+          case 'csv':
+            return toCsv($xeTable, opts, columns, datas)
+          case 'txt':
+            return toTxt($xeTable, opts, columns, datas)
+          case 'html':
+            return toHtml(opts, columns, datas)
+          case 'xml':
+            return toXML(opts, columns, datas)
+        }
+      }
+      return ''
+    }
+
+    const downloadFile = (opts: any, content: any) => {
+      const { filename, type, download } = opts
+      if (!download) {
+        const blob = getExportBlobByContent(content, opts)
+        return Promise.resolve({ type, content, blob })
+      }
+      if (VxeUI.saveFile) {
+        VxeUI.saveFile({ filename, type, content }).then(() => {
+          if (opts.message !== false) {
+            if (VxeUI.modal) {
+              VxeUI.modal.message({ content: getI18n('vxe.table.expSuccess'), status: 'success' })
+            }
+          }
+        })
+      }
+    }
+
+    const handleExport = (opts: VxeTablePropTypes.ExportHandleOptions) => {
+      const $xeGrid = $xeTable.xeGrid
+      const $xeGantt = $xeTable.xeGantt
+
+      const { remote, columns, colgroups, exportMethod, afterExportMethod } = opts
+      return new Promise((resolve) => {
+        if (remote) {
+          const params = { options: opts, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt }
+          resolve(exportMethod ? exportMethod(params) : params)
+        } else {
+          const datas = getExportData(opts)
+          resolve(
+            $xeTable.preventEvent(null, 'event.export', { options: opts, columns, colgroups, datas }, () => {
+              return downloadFile(opts, getContent($xeTable, opts, columns, datas))
+            })
+          )
+        }
+      })
+        .then((params: any) => {
+          clearColumnConvert(columns)
+          if (!opts.print) {
+            if (afterExportMethod) {
+              afterExportMethod({ status: true, options: opts, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt })
+            }
+          }
+          return Object.assign({ status: true }, params)
+        })
+        .catch(() => {
+          clearColumnConvert(columns)
+          if (!opts.print) {
+            if (afterExportMethod) {
+              afterExportMethod({ status: false, options: opts, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt })
+            }
+          }
+          const params = { status: false }
+          return Promise.reject(params)
+        })
+    }
+
+    const handleImport = (content: any, opts: any) => {
+      const { tableFullColumn, _importResolve, _importReject } = internalData
+      let rest: {
+        fields: string[]
+        rows: any[]
+      } = { fields: [], rows: [] }
+      const tableFieldMaps: Record<string, VxeTableDefines.ColumnInfo> = {}
+      const tableTitleMaps: Record<string, VxeTableDefines.ColumnInfo> = {}
+      tableFullColumn.forEach((column) => {
+        const field = column.field
+        const title = $xeTable.getHeaderCellLabel(column)
+        if (field) {
+          tableFieldMaps[field] = column
+        }
+        if (title) {
+          tableTitleMaps[title] = column
+        }
+      })
+      const tableConf = {
+        fieldMaps: tableFieldMaps,
+        titleMaps: tableTitleMaps
+      }
+      switch (opts.type) {
+        case 'csv':
+          rest = parseCsv(tableConf, content)
+          break
+        case 'txt':
+          rest = parseTxt(tableConf, content)
+          break
+        case 'html':
+          rest = parseHTML(tableConf, content)
+          break
+        case 'xml':
+          rest = parseXML(tableConf, content)
+          break
+      }
+      const { fields, rows } = rest
+      const status = fields.some((field) => tableFieldMaps[field] || tableTitleMaps[field])
+      if (status) {
+        $xeTable.createData(rows).then((data: any) => {
+          let loadRest
+          if (opts.mode === 'insert' || opts.mode === 'insertBottom') {
+            loadRest = $xeTable.insertAt(data, -1)
+          } else if (opts.mode === 'insertTop') {
+            loadRest = $xeTable.insert(data)
+          } else {
+            loadRest = $xeTable.reloadData(data)
+          }
+          if (opts.message !== false) {
+            if (VxeUI.modal) {
+              VxeUI.modal.message({ content: getI18n('vxe.table.impSuccess', [rows.length]), status: 'success' })
+            }
+          }
+          return loadRest.then(() => {
+            if (_importResolve) {
+              _importResolve({ status: true })
+            }
+          })
+        })
+      } else if (opts.message !== false) {
+        if (VxeUI.modal) {
+          VxeUI.modal.message({ content: getI18n('vxe.error.impFields'), status: 'error' })
+        }
+        if (_importReject) {
+          _importReject({ status: false, msg: 'field mismatching' })
+        }
+      }
+    }
+
+    const handleFileImport = (file: File, opts: any) => {
+      const { importMethod, afterImportMethod } = opts
+      const { type, filename } = parseFile(file)
+      const importOpts = computeImportOpts.value
+
+      // 检查类型，如果为自定义导出，则不需要校验类型
+      if (!importMethod && !XEUtils.includes(XEUtils.keys(importOpts._typeMaps), type)) {
+        if (opts.message !== false) {
+          if (VxeUI.modal) {
+            VxeUI.modal.message({ content: getI18n('vxe.error.notType', [type]), status: 'error' })
+          }
+        }
+        const params = { status: false, msg: 'type error' }
+        return Promise.reject(params)
+      }
+
+      const rest = new Promise((resolve, reject) => {
+        const _importResolve = (params?: any) => {
+          resolve(params)
+          internalData._importResolve = null
+          internalData._importReject = null
+        }
+        const _importReject = (params?: any) => {
+          reject(params)
+          internalData._importResolve = null
+          internalData._importReject = null
+        }
+        internalData._importResolve = _importResolve
+        internalData._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(() => {
+                  _importResolve({ status: true })
+                })
+                .catch(() => {
+                  _importResolve({ status: true })
+                })
+            } else {
+              _importResolve({ status: true })
+            }
+          } else {
+            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, msg: 'reading file error' })
+              }
+              reader.onload = (e: any) => {
+                handleImport(e.target.result, options)
+              }
+              reader.readAsText(file, options.encoding || 'UTF-8')
+            })
+          }
+        } else {
+          // 不支持的浏览器
+          errLog('vxe.error.notExp')
+          _importResolve({ status: false, msg: 'unsupported browser' })
+        }
+      })
+
+      return rest
+        .then(() => {
+          if (afterImportMethod) {
+            afterImportMethod({ status: true, options: opts, $table: $xeTable })
+          }
+        })
+        .catch((e) => {
+          if (afterImportMethod) {
+            afterImportMethod({ status: false, options: opts, $table: $xeTable })
+          }
+          return Promise.reject(e)
+        })
+    }
+
+    const handleFilterColumns = (exportOpts: VxeTablePropTypes.ExportConfig, column: VxeTableDefines.ColumnInfo, columns: VxeTableDefines.ColumnInfo[] | VxeTablePropTypes.ExportOrPrintColumnOption[]) => {
+      return columns.some((item: any) => {
+        if (isColumnInfo(item)) {
+          return column.id === (item as any).id
+        } else if (XEUtils.isString(item)) {
+          return column.field === item
+        } else {
+          const colid = item.id || item.colId
+          const type = item.type
+          const field = item.field
+          if (colid) {
+            return column.id === colid
+          } else if (field && type) {
+            return column.field === field && column.type === type
+          } else if (field) {
+            return column.field === field
+          } else if (type) {
+            return column.type === type
+          }
+        }
+        return false
+      })
+    }
+
+    const handleFilterFields = (exportOpts: VxeTablePropTypes.ExportConfig, column: VxeTableDefines.ColumnInfo, includeFields: string[] | undefined, includeFdMaps: Record<string, number>, excludeFdMaps: Record<string, number>, extraFdMaps: Record<string, number>) => {
+      const { field } = column
+      if (excludeFdMaps[field]) {
+        return false
+      }
+      if (includeFields) {
+        if (includeFdMaps[field]) {
+          return true
+        }
+        return false
+      }
+      if (extraFdMaps[field]) {
+        return true
+      }
+      return exportOpts.original ? !!field : defaultFilterExportColumn(column)
+    }
+
+    const handleExportAndPrint = (options: VxeTablePropTypes.ExportOpts | VxeTablePropTypes.ExportConfig, isPrint?: boolean) => {
+      const $xeGrid = $xeTable.xeGrid
+      const $xeGantt = $xeTable.xeGantt
+      const $xeGGWrapper = $xeGrid || $xeGantt
+
+      const { treeConfig, showHeader, showFooter } = props
+      const { initStore, isGroup, rowGroupList, footerTableData, exportStore, exportParams } = reactData
+      const { collectColumn, mergeBodyList, mergeFooterList } = internalData
+      const exportOpts = computeExportOpts.value
+      const printOpts = computePrintOpts.value
+      const hasTree = !!treeConfig
+      const hasRowGroup = rowGroupList.length > 0
+      const selectRecords = $xeTable.getCheckboxRecords()
+      const proxyOpts = $xeGGWrapper ? $xeGGWrapper.getComputeMaps().computeProxyOpts.value : ({} as VxeGridPropTypes.ProxyOpts)
+      const hasFooter = !!footerTableData.length
+      const hasMerge = !!(mergeBodyList.length || mergeFooterList.length)
+      const defOpts = Object.assign(
+        {
+          message: true,
+          isHeader: showHeader,
+          isTitle: showHeader,
+          isFooter: showFooter,
+          isColgroup: isGroup,
+          isMerge: hasMerge,
+          useStyle: true,
+          current: 'current',
+          modes: (proxyOpts.ajax && proxyOpts.ajax.queryAll ? ['all'] : []).concat(['current', 'selected', 'empty'])
+        },
+        options
+      )
+
+      // 已废弃，参数 isAllExpand
+      if (XEUtils.isBoolean((defOpts as any).isAllExpand)) {
+        warnLog('vxe.error.delProp', ['isAllExpand', 'isTreeAllExpanded'])
+        defOpts.isTreeAllExpanded = (defOpts as any).isAllExpand
+      }
+
+      const types: string[] = isPrint ? [] : defOpts.types || XEUtils.keys(exportOpts._typeMaps)
+      const modes: string[] = defOpts.modes || []
+      const checkMethod = (isPrint ? printOpts : exportOpts).checkMethod
+      const exportColumns = collectColumn.slice(0)
+      const { columns, excludeFields, includeFields, extraFields } = defOpts
+      // 处理类型
+      const typeList = types.map((value) => {
+        return {
+          value,
+          label: getI18n(`vxe.export.types.${value}`)
+        }
+      })
+      const modeList = modes.map((item: any) => {
+        if (item && item.value) {
+          return {
+            value: item.value,
+            label: item.label || item.value
+          }
+        }
+        return {
+          value: item,
+          label: getI18n(`vxe.export.modes.${item}`)
+        }
+      })
+
+      const excludeFdMaps: Record<string, number> = {}
+      if (excludeFields && excludeFields.length) {
+        excludeFields.forEach((field) => {
+          excludeFdMaps[field] = 1
+        })
+      }
+      const includeFdMaps: Record<string, number> = {}
+      if (includeFields && includeFields.length) {
+        includeFields.forEach((field) => {
+          includeFdMaps[field] = 1
+        })
+      }
+      const extraFdMaps: Record<string, number> = {}
+      if (extraFields) {
+        extraFields.forEach((field) => {
+          extraFdMaps[field] = 1
+        })
+      }
+
+      // 默认选中
+      // 优先级 columns > excludeFields > (includeFields || extraFields)
+      XEUtils.eachTree(exportColumns, (column, index, items, path, parentColumn) => {
+        const isColGroup = column.children && column.children.length > 0
+        let isChecked = false
+        const isExtraChecked = extraFdMaps[column.field]
+        if (columns) {
+          isChecked = handleFilterColumns(defOpts, column, columns)
+        } else if (excludeFields || includeFields) {
+          isChecked = handleFilterFields(defOpts, column, includeFields, includeFdMaps, excludeFdMaps, extraFdMaps)
+        } else {
+          if (isExtraChecked) {
+            isChecked = true
+          } else {
+            isChecked = column.visible && (isColGroup || defaultFilterExportColumn(column))
+          }
+        }
+        column.checked = isChecked
+        column.halfChecked = false
+        column.disabled = (parentColumn && parentColumn.disabled) || (checkMethod ? !checkMethod({ $table: $xeTable, column }) : false)
+      })
+      // 更新条件
+      exportStore.columns = exportColumns
+      exportStore.typeList = typeList
+      exportStore.modeList = modeList
+      exportStore.hasFooter = hasFooter
+      exportStore.hasMerge = hasMerge
+      exportStore.hasTree = hasTree
+      exportStore.hasRowGroup = hasRowGroup
+      exportStore.isPrint = !!isPrint
+      exportStore.hasColgroup = isGroup
+      exportStore.visible = true
+      // 默认参数
+      Object.assign(
+        exportParams,
+        {
+          mode: selectRecords.length ? 'selected' : 'current'
+        },
+        defOpts
+      )
+      const { filename, sheetName, mode, type } = exportParams
+      if (filename) {
+        if (XEUtils.isFunction(filename)) {
+          exportParams.filename = filename({
+            options: defOpts,
+            $table: $xeTable,
+            $grid: $xeGrid,
+            $gantt: $xeGantt
+          })
+        } else {
+          exportParams.filename = `${filename}`
+        }
+      }
+      if (sheetName) {
+        if (XEUtils.isFunction(sheetName)) {
+          exportParams.sheetName = sheetName({
+            options: defOpts,
+            $table: $xeTable,
+            $grid: $xeGrid,
+            $gantt: $xeGantt
+          })
+        } else {
+          exportParams.sheetName = `${sheetName}`
+        }
+      }
+      if (!modeList.some((item) => item.value === mode)) {
+        exportParams.mode = modeList.length ? modeList[0].value : ''
+      }
+      if (!typeList.some((item) => item.value === type)) {
+        exportParams.type = typeList.length ? typeList[0].value : ''
+      }
+      if (!exportParams.widthMode) {
+        exportParams.widthMode = ''
+      }
+      initStore.export = true
+      return nextTick()
+    }
+
+    const handleCloseExport = () => {
+      if (VxeUI.modal) {
+        return VxeUI.modal.close('VXE_EXPORT_MODAL')
+      }
+      return Promise.resolve()
+    }
+
+    const exportMethods: TableExportMethods = {
+      /**
+       * 导出文件，支持 csv/html/xml/txt
+       * 如果是树表格，则默认是导出所有节点
+       * 如果是启用了虚拟滚动，则只能导出数据源，可以配合 dataFilterMethod 函数转换数据
+       * @param {Object} options 参数
+       */
+      exportData(options) {
+        const $xeGrid = $xeTable.xeGrid
+        const $xeGantt = $xeTable.xeGantt
+        const $xeGGWrapper = $xeGrid || $xeGantt
+
+        const { treeConfig, showHeader, showFooter } = props
+        const { isGroup } = reactData
+        const { tableFullColumn, afterFullData, afterTreeFullData, collectColumn, mergeBodyList, mergeFooterList } = internalData
+        const exportOpts = computeExportOpts.value
+        const treeOpts = computeTreeOpts.value
+        const proxyOpts = $xeGGWrapper ? $xeGGWrapper.getComputeMaps().computeProxyOpts.value : ({} as VxeGridPropTypes.ProxyOpts)
+        const hasMerge = !!(mergeBodyList.length || mergeFooterList.length)
+        const opts = Object.assign(
+          {
+            message: true,
+            isHeader: showHeader,
+            isTitle: showHeader,
+            isFooter: showFooter,
+            isColgroup: isGroup,
+            isMerge: hasMerge,
+            useStyle: true,
+            current: 'current',
+            modes: (proxyOpts.ajax && proxyOpts.ajax.queryAll ? ['all'] : []).concat(['current', 'selected', 'empty']),
+            download: true,
+            type: 'csv'
+            // filename: '',
+            // sheetName: '',
+            // original: false,
+            // isTreeAllExpanded: false,
+            // isRowGroupAllExpanded: false,
+            // data: null,
+            // remote: false,
+            // dataFilterMethod: null,
+            // footerFilterMethod: null,
+            // exportMethod: null,
+            // columnFilterMethod: null,
+            // beforeExportMethod: null,
+            // afterExportMethod: null
+          },
+          exportOpts,
+          options
+        )
+
+        // 已废弃，参数 isAllExpand
+        if (XEUtils.isBoolean((opts as any).isAllExpand)) {
+          warnLog('vxe.error.delProp', ['isAllExpand', 'isTreeAllExpanded'])
+          opts.isTreeAllExpanded = (opts as any).isAllExpand
+        }
+
+        let { filename, sheetName, type, mode, columns, columnFilterMethod, beforeExportMethod, includeFields, excludeFields, extraFields } = opts
+        let groups: any[] = []
+        const selectRecords = $xeTable.getCheckboxRecords()
+        if (!mode) {
+          mode = selectRecords.length ? 'selected' : 'current'
+        }
+
+        const excludeFdMaps: Record<string, number> = {}
+        if (excludeFields && excludeFields.length) {
+          excludeFields.forEach((field) => {
+            excludeFdMaps[field] = 1
+          })
+        }
+        const includeFdMaps: Record<string, number> = {}
+        if (includeFields && includeFields.length) {
+          includeFields.forEach((field) => {
+            includeFdMaps[field] = 1
+          })
+        }
+        const extraFdMaps: Record<string, number> = {}
+        if (extraFields) {
+          extraFields.forEach((field) => {
+            extraFdMaps[field] = 1
+          })
+        }
+
+        let isCustomCol = false
+        let customCols = []
+        const _columns = (opts as any)._columns
+        if (_columns) {
+          // 内部导出使用 _columns -> _children 为自定义子集
+          isCustomCol = true
+          customCols = XEUtils.searchTree(_columns, () => true, { children: '_children', mapChildren: 'childNodes', original: true })
+        } else if (columns) {
+          isCustomCol = true
+          customCols = XEUtils.searchTree(columns, () => true, { children: 'children', mapChildren: 'childNodes', original: true })
+        } else {
+          customCols = XEUtils.searchTree(
+            collectColumn,
+            (column) => {
+              const isColGroup = column.children && column.children.length > 0
+              let isChecked = false
+              const isExtraChecked = extraFdMaps[column.field]
+              if (columns) {
+                isChecked = handleFilterColumns(opts, column, columns)
+              } else if (excludeFields || includeFields) {
+                isChecked = handleFilterFields(opts, column, includeFields, includeFdMaps, excludeFdMaps, extraFdMaps)
+              } else {
+                if (isExtraChecked) {
+                  isChecked = true
+                } else {
+                  isChecked = column.visible && (isColGroup || defaultFilterExportColumn(column))
+                }
+              }
+              return isChecked
+            },
+            { children: 'children', mapChildren: 'childNodes', original: true }
+          )
+        }
+        const handleOptions: VxeTablePropTypes.ExportHandleOptions = Object.assign({} as { data: any[]; colgroups: any[]; columns: any[] }, opts, { filename: '', sheetName: '', _columnConfs: columns })
+        // 如果设置源数据，则默认导出设置了字段的列
+        if (!isCustomCol && !columnFilterMethod) {
+          columnFilterMethod = ({ column }) => handleFilterFields(handleOptions, column, includeFields, includeFdMaps, excludeFdMaps, extraFdMaps)
+          handleOptions.columnFilterMethod = columnFilterMethod
+        }
+        if (customCols) {
+          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 = $xeTable.getColumnByField(item)
+                  } else {
+                    const colid = item.id || item.colId
+                    const type = item.type
+                    const field = item.field
+                    if (colid) {
+                      targetColumn = $xeTable.getColumnById(colid)
+                    } else if (field && type) {
+                      targetColumn = tableFullColumn.find((column) => column.field === field && column.type === type)
+                    } else if (field) {
+                      targetColumn = $xeTable.getColumnByField(field)
+                    } else if (type) {
+                      targetColumn = tableFullColumn.find((column) => column.type === type)
+                    }
+                  }
+                  return targetColumn || {}
+                }
+              },
+              {
+                children: 'childNodes',
+                mapChildren: '_children'
+              }
+            ),
+            (column, index) => isColumnInfo(column) && (!columnFilterMethod || columnFilterMethod({ $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, column: column as any, $columnIndex: index })),
+            {
+              children: '_children',
+              mapChildren: 'childNodes',
+              original: true
+            }
+          )
+        } else {
+          groups = XEUtils.searchTree(isGroup ? collectColumn : tableFullColumn, (column, index) => column.visible && (!columnFilterMethod || columnFilterMethod({ $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt, column, $columnIndex: index })), {
+            children: 'children',
+            mapChildren: 'childNodes',
+            original: true
+          })
+        }
+        // 获取所有列
+        const cols: VxeTableDefines.ColumnInfo[] = []
+        XEUtils.eachTree(
+          groups,
+          (column) => {
+            const isColGroup = column.children && column.children.length
+            if (!isColGroup) {
+              cols.push(column)
+            }
+          },
+          { children: 'childNodes' }
+        )
+        // 构建分组层级
+        handleOptions.columns = cols
+        handleOptions.colgroups = convertToRows(groups)
+        if (filename) {
+          if (XEUtils.isFunction(filename)) {
+            handleOptions.filename = filename({
+              options: opts,
+              $table: $xeTable,
+              $grid: $xeGrid,
+              $gantt: $xeGantt
+            })
+          } 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,
+              $gantt: $xeGantt
+            })
+          } else {
+            handleOptions.sheetName = `${sheetName}`
+          }
+        }
+        if (!handleOptions.sheetName) {
+          handleOptions.sheetName = document.title || ''
+        }
+
+        // 检查类型，如果为自定义导出，则不需要校验类型
+        if (!handleOptions.exportMethod && !XEUtils.includes(XEUtils.keys(exportOpts._typeMaps), type)) {
+          errLog('vxe.error.notType', [type])
+          if (['xlsx', 'pdf'].includes(type)) {
+            warnLog('vxe.error.reqPlugin', [4, 'plugin-export-xlsx'])
+          }
+          const params = { status: false, msg: 'type error' }
+          return Promise.reject(params)
+        }
+
+        if (!handleOptions.print) {
+          if (beforeExportMethod) {
+            const beRest = beforeExportMethod({ options: handleOptions, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt })
+            if (XEUtils.isBoolean(beRest)) {
+              if (!beRest) {
+                const params = { status: false, msg: 'before prevent' }
+                return Promise.reject(params)
+              }
+            } else {
+              warnLog('vxe.error.returnErr', ['beforeExportMethod', 'boolean', beRest])
+            }
+          }
+        }
+        if (!handleOptions.data) {
+          handleOptions.data = []
+          if (mode === 'selected') {
+            if (['html', 'pdf'].indexOf(type) > -1 && treeConfig) {
+              handleOptions.data = XEUtils.searchTree($xeTable.getTableData().fullData, (item) => $xeTable.findRowIndexOf(selectRecords, item) > -1, Object.assign({}, treeOpts, { data: '_row' }))
+            } else {
+              handleOptions.data = selectRecords
+            }
+          } else if (mode === 'all') {
+            if (!$xeGGWrapper) {
+              errLog('vxe.error.errProp', ['all', 'mode=current,selected'])
+            }
+
+            if ($xeGGWrapper && !handleOptions.remote) {
+              const gridReactData = $xeGGWrapper.reactData
+              const { computeProxyOpts } = $xeGGWrapper.getComputeMaps()
+              const proxyOpts = computeProxyOpts.value
+              const { sortData } = gridReactData
+              const { beforeQueryAll: oldBeforeQueryAll, afterQueryAll: oldAfterQueryAll, ajax = {} } = proxyOpts
+              const resConfigs = proxyOpts.response || proxyOpts.props || {}
+              const beforeQueryAllMethod = ajax.beforeQueryAll
+              const queryAllMethod = ajax.queryAll
+              const afterQueryAllMethod = ajax.afterQueryAll
+              const queryAllSuccessMethod = ajax.queryAllSuccess
+              const queryAllErrorMethod = ajax.queryAllError
+
+              if (!queryAllMethod) {
+                errLog('vxe.error.notFunc', ['proxy-config.ajax.queryAll'])
+              }
+
+              if (queryAllMethod) {
+                const params = {
+                  $table: $xeTable,
+                  $grid: $xeGrid,
+                  $gantt: $xeGantt,
+                  sort: sortData.length ? sortData[0] : ({} as any),
+                  sorts: sortData as any[],
+                  filters: gridReactData.filterData,
+                  form: gridReactData.formData,
+                  options: handleOptions
+                }
+
+                const handleQueryAll = () => {
+                  return Promise.resolve((oldBeforeQueryAll || queryAllMethod)(params))
+                    .then((rest) => {
+                      if (afterQueryAllMethod) {
+                        afterQueryAllMethod({ ...params, response: rest, status: 'success' })
+                      } else {
+                        const listProp = resConfigs.list
+                        let tdData: any[] = []
+                        if (listProp) {
+                          if (XEUtils.isFunction(listProp)) {
+                            tdData = listProp({ data: rest, $table: $xeTable, $grid: $xeGrid, $gantt: $xeGantt })
+                          } else {
+                            tdData = XEUtils.isArray(rest) ? rest : XEUtils.get(rest, listProp)
+                          }
+                        } else {
+                          if (XEUtils.isArray(rest)) {
+                            tdData = rest
+                          }
+                        }
+                        handleOptions.data = tdData
+                        if (oldAfterQueryAll) {
+                          oldAfterQueryAll({ ...params, response: rest })
+                        }
+                      }
+                      if (queryAllSuccessMethod) {
+                        queryAllSuccessMethod({ ...params, response: rest })
+                      }
+                      return handleExport(handleOptions)
+                    })
+                    .catch((rest) => {
+                      if (afterQueryAllMethod) {
+                        afterQueryAllMethod({ ...params, response: rest, status: 'error' })
+                      }
+                      if (queryAllErrorMethod) {
+                        queryAllErrorMethod({ ...params, response: rest })
+                      }
+                    })
+                }
+
+                if (beforeQueryAllMethod) {
+                  return Promise.resolve(beforeQueryAllMethod(params)).then((status) => {
+                    if (status !== false) {
+                      return handleQueryAll()
+                    }
+                  })
+                }
+                return handleQueryAll()
+              }
+            }
+          }
+          if (mode === 'current') {
+            handleOptions.data = treeConfig ? afterTreeFullData : afterFullData
+          }
+        } else {
+          handleOptions._isCustomData = true
+        }
+        return handleExport(handleOptions)
+      },
+      importByFile(file, options) {
+        const opts = Object.assign({}, options)
+        const { beforeImportMethod } = opts
+        if (beforeImportMethod) {
+          const biRest = beforeImportMethod({ options: opts, $table: $xeTable })
+          if (XEUtils.isBoolean(biRest)) {
+            if (!biRest) {
+              const params = { status: false, mas: 'before prevent' }
+              return Promise.reject(params)
+            }
+          } else {
+            warnLog('vxe.error.returnErr', ['beforeImportMethod', 'boolean', biRest])
+          }
+        }
+        return handleFileImport(file, opts)
+      },
+      importData(options) {
+        const importOpts = computeImportOpts.value
+        const opts = Object.assign(
+          {
+            types: XEUtils.keys(importOpts._typeMaps)
+            // beforeImportMethod: null,
+            // afterImportMethod: null
+          },
+          importOpts,
+          options
+        )
+        const { beforeImportMethod, afterImportMethod } = opts
+        if (beforeImportMethod) {
+          const biRest = beforeImportMethod({ options: opts, $table: $xeTable })
+          if (XEUtils.isBoolean(biRest)) {
+            if (!biRest) {
+              const params = { status: false, mas: 'before prevent' }
+              return Promise.reject(params)
+            }
+          } else {
+            warnLog('vxe.error.returnErr', ['beforeImportMethod', 'boolean', biRest])
+          }
+        }
+        return VxeUI.readFile(opts)
+          .catch((e) => {
+            if (afterImportMethod) {
+              afterImportMethod({ status: false, options: opts, $table: $xeTable })
+            }
+            return Promise.reject(e)
+          })
+          .then((params) => {
+            const { file } = params
+            return handleFileImport(file, opts)
+          })
+      },
+      saveFile(options) {
+        return VxeUI.saveFile(options)
+      },
+      readFile(options) {
+        return VxeUI.readFile(options)
+      },
+      print(options) {
+        const $xeGrid = $xeTable.xeGrid
+        const $xeGantt = $xeTable.xeGantt
+
+        const printOpts = computePrintOpts.value
+        const opts = Object.assign(
+          {
+            original: false
+            // beforePrintMethod
+          },
+          printOpts,
+          options,
+          {
+            type: 'html',
+            download: false,
+            remote: false,
+            print: true
+          }
+        )
+        const { sheetName } = opts
+        let printTitle = ''
+        if (sheetName) {
+          if (XEUtils.isFunction(sheetName)) {
+            printTitle = sheetName({
+              options: opts,
+              $table: $xeTable,
+              $grid: $xeGrid,
+              $gantt: $xeGantt
+            })
+          } else {
+            printTitle = `${sheetName}`
+          }
+        }
+        if (!printTitle) {
+          printTitle = document.title || ''
+        }
+
+        const beforePrintMethod = opts.beforePrintMethod
+        const printMethod = opts.printMethod
+        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,
+                          $grid: $xeGrid,
+                          $gantt: $xeGantt
+                        })
+                      }
+                    : undefined,
+                  beforePrintMethod: beforePrintMethod
+                    ? ({ html }) => {
+                        return beforePrintMethod({
+                          html,
+                          content: html,
+                          options: opts,
+                          $table: $xeTable,
+                          $grid: $xeGrid,
+                          $gantt: $xeGantt
+                        })
+                      }
+                    : undefined,
+                  printMethod: printMethod
+                    ? ({ html }) => {
+                        return printMethod({
+                          html,
+                          content: html,
+                          options: opts,
+                          $table: $xeTable,
+                          $grid: $xeGrid,
+                          $gantt: $xeGantt
+                        })
+                      }
+                    : undefined
+                })
+              )
+            } else {
+              resolve(
+                exportMethods.exportData(opts).then(({ content }: any) => {
+                  return VxeUI.print({
+                    title: printTitle,
+                    html: content,
+                    customStyle: opts.style,
+                    beforeMethod: beforePrintMethod
+                      ? ({ html }) => {
+                          return beforePrintMethod({
+                            html,
+                            content: html,
+                            options: opts,
+                            $table: $xeTable,
+                            $grid: $xeGrid,
+                            $gantt: $xeGantt
+                          })
+                        }
+                      : undefined,
+                    beforePrintMethod: beforePrintMethod
+                      ? ({ html }) => {
+                          return beforePrintMethod({
+                            html,
+                            content: html,
+                            options: opts,
+                            $table: $xeTable,
+                            $grid: $xeGrid,
+                            $gantt: $xeGantt
+                          })
+                        }
+                      : undefined,
+                    printMethod: printMethod
+                      ? ({ html }) => {
+                          return printMethod({
+                            html,
+                            content: html,
+                            options: opts,
+                            $table: $xeTable,
+                            $grid: $xeGrid,
+                            $gantt: $xeGantt
+                          })
+                        }
+                      : undefined
+                  })
+                })
+              )
+            }
+          } else {
+            errLog('vxe.error.reqComp', ['vxe-print'])
+            const e = { status: false, msg: 'print not exist' }
+            reject(e)
+          }
+        })
+      },
+      getPrintHtml(options) {
+        const printOpts = computePrintOpts.value
+        const opts = Object.assign(
+          {
+            original: false
+            // beforePrintMethod
+          },
+          printOpts,
+          options,
+          {
+            type: 'html',
+            download: false,
+            remote: false,
+            print: true
+          }
+        )
+        return $xeTable.exportData(opts).then(({ content }) => {
+          return {
+            html: content
+          }
+        })
+      },
+      closeImport() {
+        if (VxeUI.modal) {
+          return VxeUI.modal.close('VXE_IMPORT_MODAL')
+        }
+        return Promise.resolve()
+      },
+      openImport(options) {
+        const { treeConfig, importConfig } = props
+        const { initStore, importStore, importParams } = reactData
+        const importOpts = computeImportOpts.value
+        const defOpts = Object.assign(
+          {
+            mode: 'insertTop',
+            message: true,
+            types: XEUtils.keys(importOpts._typeMaps),
+            modes: ['insertTop', 'covering']
+          },
+          importOpts,
+          options
+        )
+        const types = defOpts.types || []
+        const modes = defOpts.modes || []
+        const isTree = !!treeConfig
+        if (isTree) {
+          if (defOpts.message) {
+            if (VxeUI.modal) {
+              VxeUI.modal.message({ content: getI18n('vxe.error.treeNotImp'), status: 'error' })
+            }
+          }
+          return
+        }
+        if (!hasEnableConf(importConfig, importOpts)) {
+          errLog('vxe.error.reqProp', ['import-config'])
+        }
+        // 处理类型
+        const typeList = types.map((value) => {
+          return {
+            value,
+            label: getI18n(`vxe.export.types.${value}`)
+          }
+        })
+        const modeList = modes.map((item: any) => {
+          if (item && item.value) {
+            return {
+              value: item.value,
+              label: item.label || item.value
+            }
+          }
+          return {
+            value: item,
+            label: getI18n(`vxe.import.modes.${item}`)
+          }
+        })
+        Object.assign(importStore, {
+          file: null,
+          type: '',
+          filename: '',
+          modeList,
+          typeList,
+          visible: true
+        })
+        Object.assign(importParams, defOpts)
+        if (!modeList.some((item) => item.value === importParams.mode)) {
+          importParams.mode = modeList[0].value
+        }
+        initStore.import = true
+      },
+      closeExport: handleCloseExport,
+      openExport(options) {
+        const { exportConfig } = props
+        const exportOpts = computeExportOpts.value
+        const defOpts = Object.assign(
+          {
+            message: true,
+            types: XEUtils.keys(exportOpts._typeMaps)
+          },
+          exportOpts,
+          options
+        )
+        if (!hasEnableConf(exportConfig, exportOpts)) {
+          errLog('vxe.error.reqProp', ['export-config'])
+        }
+        return handleExportAndPrint(defOpts)
+      },
+      closePrint: handleCloseExport,
+      openPrint(options) {
+        const { printConfig } = props
+        const printOpts = computePrintOpts.value
+        const defOpts = Object.assign(
+          {
+            message: true
+          },
+          printOpts,
+          options
+        )
+        if (!hasEnableConf(printConfig, printOpts)) {
+          errLog('vxe.error.reqProp', ['print-config'])
+        }
+        return handleExportAndPrint(defOpts, true)
+      }
+    }
+
+    return exportMethods
+  },
+  setupGrid($xeGrid) {
+    return $xeGrid.extendTableMethods(tableExportMethodKeys)
+  },
+  setupGantt($xeGantt) {
+    return $xeGantt.extendTableMethods(tableExportMethodKeys)
+  }
+})