vxe-table 3.11.35 → 3.11.37

package/lib/index.umd.js

@@ -2220,7 +2220,7 @@ function getClass(property, params) {
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
-const version = "3.11.35";
+const version = "3.11.37";
 core_.VxeUI.version = version;
 core_.VxeUI.tableVersion = version;
 core_.VxeUI.setConfig({
@@ -2793,7 +2793,7 @@ function isNodeElement(elem) {
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"3.11.35"}`;
+const log_version = `table v${"3.11.37"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/table/src/columnInfo.ts
@@ -12918,7 +12918,7 @@ const Methods = {
     const {
       visibleSize
     } = scrollYStore;
-    const fpsTime = Math.min(80, Math.floor(visibleSize * 2));
+    const fpsTime = Math.min(80, Math.floor(visibleSize));
     if (lyTimeout) {
       clearTimeout(lyTimeout);
     }
@@ -13681,7 +13681,7 @@ const Methods = {
   }
 };
 // Module methods
-const funcs = 'setFilter,openFilter,clearFilter,saveFilterPanel,resetFilterPanel,getCheckedFilters,updateFilterOptionStatus,closeMenu,setActiveCellArea,getActiveCellArea,getCellAreas,clearCellAreas,copyCellArea,cutCellArea,pasteCellArea,getCopyCellArea,getCopyCellAreas,clearCopyCellArea,setCellAreas,openFNR,openFind,openReplace,closeFNR,getSelectedCell,clearSelected,insert,insertAt,insertNextAt,remove,removeCheckboxRow,removeRadioRow,removeCurrentRow,getRecordset,getInsertRecords,getRemoveRecords,getUpdateRecords,clearEdit,clearActived,getEditRecord,getActiveRecord,isEditByRow,isActiveByRow,setEditRow,setActiveRow,setEditCell,setActiveCell,setSelectCell,clearValidate,fullValidate,validate,fullValidateField,validateField,openExport,closeExport,openPrint,closePrint,getPrintHtml,exportData,openImport,closeImport,importData,saveFile,readFile,importByFile,print,openCustom,closeCustom,saveCustom,cancelCustom,resetCustom,toggleCustomAllCheckbox,setCustomAllCheckbox'.split(',');
+const funcs = 'setFilter,openFilter,clearFilter,saveFilterPanel,resetFilterPanel,getCheckedFilters,updateFilterOptionStatus,closeMenu,setActiveCellArea,getActiveCellArea,getCellAreas,clearCellAreas,copyCellArea,cutCellArea,pasteCellArea,getCopyCellArea,getCopyCellAreas,clearCopyCellArea,setCellAreas,openFNR,openFind,openReplace,closeFNR,getSelectedCell,clearSelected,insert,insertAt,insertNextAt,insertChild,insertChildAt,insertChildNextAt,remove,removeCheckboxRow,removeRadioRow,removeCurrentRow,getRecordset,getInsertRecords,getRemoveRecords,getUpdateRecords,clearEdit,clearActived,getEditRecord,getActiveRecord,isEditByRow,isActiveByRow,setEditRow,setActiveRow,setEditCell,setActiveCell,setSelectCell,clearValidate,fullValidate,validate,fullValidateField,validateField,openExport,closeExport,openPrint,closePrint,getPrintHtml,exportData,openImport,closeImport,importData,saveFile,readFile,importByFile,print,openCustom,closeCustom,saveCustom,cancelCustom,resetCustom,toggleCustomAllCheckbox,setCustomAllCheckbox'.split(',');
 funcs.forEach(name => {
   Methods[name] = function (...args) {
     if (true) {
@@ -14070,7 +14070,7 @@ function renderColumn(h, _vm, $xetable, seq, rowid, fixedType, rowLevel, row, ro
       'col--valid-error': !!errorValidItem,
       'col--current': currentColumn === column
     }, getClass(compCellClassName, params), getClass(className, params), getClass(allCellClassName, params)],
-    key: columnKey || columnOpts.useKey || rowOpts.useKey || columnOpts.drag ? column.id : $columnIndex,
+    key: columnKey || scrollXLoad || scrollYLoad || columnOpts.useKey || rowOpts.useKey || columnOpts.drag ? column.id : $columnIndex,
     attrs,
     style: Object.assign({
       height: cellHeight
@@ -14094,6 +14094,7 @@ function renderRows(h, _vm, $xeTable, fixedType, tableData, tableColumn) {
     expandOpts,
     editOpts,
     treeExpandedMaps,
+    scrollXLoad,
     scrollYLoad,
     rowExpandedMaps,
     radioOpts,
@@ -14208,7 +14209,7 @@ function renderRows(h, _vm, $xeTable, fixedType, tableData, tableColumn) {
         rowid
       },
       style: rowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(rowStyle) ? rowStyle(params) : rowStyle : null,
-      key: rowKey || rowOpts.useKey || rowOpts.drag || columnOpts.drag || treeConfig ? rowid : $rowIndex,
+      key: rowKey || scrollXLoad || scrollYLoad || rowOpts.useKey || rowOpts.drag || columnOpts.drag || treeConfig ? rowid : $rowIndex,
       nativeOn: trOn
     }, tdVNs) : h('tr', {
       class: trClass,
@@ -14216,7 +14217,7 @@ function renderRows(h, _vm, $xeTable, fixedType, tableData, tableColumn) {
         rowid
       },
       style: rowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(rowStyle) ? rowStyle(params) : rowStyle : null,
-      key: rowKey || rowOpts.useKey || rowOpts.drag || columnOpts.drag || treeConfig ? rowid : $rowIndex,
+      key: rowKey || scrollXLoad || scrollYLoad || rowOpts.useKey || rowOpts.drag || columnOpts.drag || treeConfig ? rowid : $rowIndex,
       on: trOn
     }, tdVNs));
     // 如果行被展开了
@@ -14722,6 +14723,7 @@ const header_renderRows = (h, _vm, cols, $rowIndex) => {
     align: allAlign,
     currentColumn,
     scrollXLoad,
+    scrollYLoad,
     overflowX,
     scrollbarWidth,
     mouseConfig,
@@ -14820,7 +14822,7 @@ const header_renderRows = (h, _vm, cols, $rowIndex) => {
       attrs: thAttrs,
       style: headerCellStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(headerCellStyle) ? headerCellStyle(params) : headerCellStyle : null,
       on: thOns,
-      key: columnKey || columnOpts.useKey || columnOpts.drag || isColGroup ? colid : $columnIndex
+      key: columnKey || scrollXLoad || scrollYLoad || columnOpts.useKey || columnOpts.drag || isColGroup ? colid : $columnIndex
     }, [h('div', {
       class: ['vxe-cell', {
         'c--title': showTitle,
@@ -14868,6 +14870,7 @@ function renderHeads(h, _vm, headerGroups) {
     };
     if (columnOpts.drag && columnDragOpts.animation) {
       return h('transition-group', {
+        key: $rowIndex,
         props: {
           tag: 'tr',
           name: `vxe-header--col-list${isDragColMove ? '' : '-disabled'}`,
@@ -14877,6 +14880,7 @@ function renderHeads(h, _vm, headerGroups) {
       }, header_renderRows(h, _vm, cols, $rowIndex));
     }
     return h('tr', {
+      key: $rowIndex,
       class: ['vxe-header--row', headerRowClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(headerRowClassName) ? headerRowClassName(params) : headerRowClassName : ''],
       style: headerRowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(headerRowStyle) ? headerRowStyle(params) : headerRowStyle : null
     }, header_renderRows(h, _vm, cols, $rowIndex));
@@ -15210,6 +15214,7 @@ function footer_renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex,
     showFooterOverflow: allColumnFooterOverflow,
     currentColumn,
     overflowX,
+    scrollYLoad,
     scrollbarWidth,
     tooltipOpts
   } = $xetable;
@@ -15339,7 +15344,7 @@ function footer_renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex,
       attrs,
       style: footerCellStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(footerCellStyle) ? footerCellStyle(cellParams) : footerCellStyle : null,
       on: tfOns,
-      key: columnKey || columnOpts.useKey || columnOpts.drag ? column.id : $columnIndex
+      key: columnKey || scrollXLoad || scrollYLoad || columnOpts.useKey || columnOpts.drag ? column.id : $columnIndex
     }, [h('div', {
       class: ['vxe-cell', {
         'c--title': showTitle,
@@ -15378,6 +15383,7 @@ function footer_renderHeads(h, _vm, footerTableData) {
     };
     if (columnOpts.drag && columnDragOpts.animation) {
       return h('transition-group', {
+        key: $rowIndex,
         props: {
           tag: 'tr',
           name: `vxe-header--col-list${isDragColMove ? '' : '-disabled'}`,
@@ -15387,6 +15393,7 @@ function footer_renderHeads(h, _vm, footerTableData) {
       }, footer_renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIndex));
     }
     return h('tr', {
+      key: $rowIndex,
       class: ['vxe-footer--row', footerRowClassName ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(footerRowClassName) ? footerRowClassName(rowParams) : footerRowClassName : ''],
       style: footerRowStyle ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isFunction(footerRowStyle) ? footerRowStyle(rowParams) : footerRowStyle : null
     }, footer_renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex, _rowIndex));
@@ -18902,8 +18909,7 @@ function insertTreeRow(_vm, newRecords, isAppend) {
     }
   });
 }
-function handleInsertRowAt(_vm, records, row, isInsertNextRow) {
-  const $xeTable = _vm;
+function handleInsertRowAt($xeTable, records, targetRow, isInsertNextRow) {
   const props = $xeTable;
   const reactData = $xeTable;
   const internalData = $xeTable;
@@ -18931,14 +18937,14 @@ function handleInsertRowAt(_vm, records, row, isInsertNextRow) {
   if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(records)) {
     records = [records];
   }
-  const newRecords = _vm.defineField(records.map(record => Object.assign(treeConfig && transform ? {
+  const newRecords = $xeTable.defineField(records.map(record => Object.assign(treeConfig && transform ? {
     [mapChildrenField]: [],
     [childrenField]: []
   } : {}, record)));
-  if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(row)) {
+  if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(targetRow)) {
     // 如果为虚拟树
     if (treeConfig && transform) {
-      insertTreeRow(_vm, newRecords, false);
+      insertTreeRow($xeTable, newRecords, false);
     } else {
       newRecords.forEach(item => {
         const rowid = getRowid($xeTable, item);
@@ -18970,10 +18976,10 @@ function handleInsertRowAt(_vm, records, row, isInsertNextRow) {
       });
     }
   } else {
-    if (row === -1) {
+    if (targetRow === -1) {
       // 如果为虚拟树
       if (treeConfig && transform) {
-        insertTreeRow(_vm, newRecords, true);
+        insertTreeRow($xeTable, newRecords, true);
       } else {
         newRecords.forEach(item => {
           const rowid = getRowid($xeTable, item);
@@ -19008,7 +19014,7 @@ function handleInsertRowAt(_vm, records, row, isInsertNextRow) {
     } else {
       // 如果为虚拟树
       if (treeConfig && transform) {
-        const matchMapObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findTree(tableFullTreeData, item => row[rowField] === item[rowField], {
+        const matchMapObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findTree(tableFullTreeData, item => targetRow[rowField] === item[rowField], {
           children: mapChildrenField
         });
         if (matchMapObj) {
@@ -19016,10 +19022,10 @@ function handleInsertRowAt(_vm, records, row, isInsertNextRow) {
             parent: parentRow
           } = matchMapObj;
           const parentMapChilds = parentRow ? parentRow[mapChildrenField] : tableFullTreeData;
-          const parentRest = fullAllDataRowIdData[getRowid(_vm, parentRow)];
+          const parentRest = fullAllDataRowIdData[getRowid($xeTable, parentRow)];
           const parentLevel = parentRest ? parentRest.level : 0;
           newRecords.forEach((item, i) => {
-            const rowid = getRowid(_vm, item);
+            const rowid = getRowid($xeTable, item);
             if (true) {
               if (item[treeOpts.parentField]) {
                 if (parentRow && item[treeOpts.parentField] !== parentRow[rowField]) {
@@ -19052,7 +19058,7 @@ function handleInsertRowAt(_vm, records, row, isInsertNextRow) {
           });
           // 源
           if (parentRow) {
-            const matchObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findTree(tableFullTreeData, item => row[rowField] === item[rowField], {
+            const matchObj = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().findTree(tableFullTreeData, item => targetRow[rowField] === item[rowField], {
               children: childrenField
             });
             if (matchObj) {
@@ -19068,7 +19074,7 @@ function handleInsertRowAt(_vm, records, row, isInsertNextRow) {
           if (true) {
             warnLog('vxe.error.unableInsert');
           }
-          insertTreeRow(_vm, newRecords, true);
+          insertTreeRow($xeTable, newRecords, true);
         }
       } else {
         if (treeConfig) {
@@ -19076,12 +19082,12 @@ function handleInsertRowAt(_vm, records, row, isInsertNextRow) {
         }
         let afIndex = -1;
         // 如果是可视索引
-        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(row)) {
-          if (row < afterFullData.length) {
-            afIndex = row;
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(targetRow)) {
+          if (targetRow < afterFullData.length) {
+            afIndex = targetRow;
           }
         } else {
-          afIndex = _vm.findRowIndexOf(afterFullData, row);
+          afIndex = $xeTable.findRowIndexOf(afterFullData, targetRow);
         }
         // 如果是插入指定行的下一行
         if (isInsertNextRow) {
@@ -19091,7 +19097,7 @@ function handleInsertRowAt(_vm, records, row, isInsertNextRow) {
           throw new Error(errLog('vxe.error.unableInsert'));
         }
         afterFullData.splice(afIndex, 0, ...newRecords);
-        tableFullData.splice(_vm.findRowIndexOf(tableFullData, row), 0, ...newRecords);
+        tableFullData.splice($xeTable.findRowIndexOf(tableFullData, targetRow), 0, ...newRecords);
         // 刷新单元格合并
         mergeList.forEach(mergeItem => {
           const {
@@ -19114,20 +19120,20 @@ function handleInsertRowAt(_vm, records, row, isInsertNextRow) {
     const rowid = getRowid($xeTable, newRow);
     insertMaps[rowid] = newRow;
   });
-  _vm.cacheRowMap();
-  _vm.updateScrollYStatus();
-  _vm.handleTableData(treeConfig && transform);
+  $xeTable.cacheRowMap();
+  $xeTable.updateScrollYStatus();
+  $xeTable.handleTableData(treeConfig && transform);
   if (!(treeConfig && transform)) {
-    _vm.updateAfterDataIndex();
+    $xeTable.updateAfterDataIndex();
   }
-  _vm.updateFooter();
-  _vm.checkSelectionStatus();
-  if (_vm.scrollYLoad) {
-    _vm.updateScrollYSpace();
+  $xeTable.updateFooter();
+  $xeTable.checkSelectionStatus();
+  if ($xeTable.scrollYLoad) {
+    $xeTable.updateScrollYSpace();
   }
-  return _vm.$nextTick().then(() => {
-    _vm.updateCellAreas();
-    return _vm.recalculate();
+  return $xeTable.$nextTick().then(() => {
+    $xeTable.updateCellAreas();
+    return $xeTable.recalculate();
   }).then(() => {
     return {
       row: newRecords.length ? newRecords[newRecords.length - 1] : null,
@@ -19135,6 +19141,32 @@ function handleInsertRowAt(_vm, records, row, isInsertNextRow) {
     };
   });
 }
+function handleInsertChildRowAt($xeTable, records, parentRow, targetRow, isInsertNextRow) {
+  const props = $xeTable;
+  const {
+    treeConfig
+  } = props;
+  const treeOpts = $xeTable.computeTreeOpts;
+  const {
+    transform,
+    rowField,
+    parentField
+  } = treeOpts;
+  if (treeConfig && transform) {
+    if (!external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(records)) {
+      records = [records];
+    }
+    return handleInsertRowAt($xeTable, records.map(item => Object.assign({}, item, {
+      [parentField]: parentRow[rowField]
+    })), targetRow, isInsertNextRow);
+  } else {
+    errLog('vxe.error.errProp', ['tree-config.treeConfig=false', 'tree-config.treeConfig=true']);
+  }
+  return Promise.resolve({
+    row: null,
+    rows: []
+  });
+}
 /* harmony default export */ var edit_mixin = ({
   methods: {
     /**
@@ -19151,14 +19183,23 @@ function handleInsertRowAt(_vm, records, row, isInsertNextRow) {
      * 如果 row 为 -1 则从插入到底部
      * 如果 row 为有效行则插入到该行的位置
      * @param {Object/Array} records 新的数据
-     * @param {Row} row 指定行
+     * @param {Row} targetRow 指定行
      * @returns
      */
-    _insertAt(records, row) {
-      return handleInsertRowAt(this, records, row);
+    _insertAt(records, targetRow) {
+      return handleInsertRowAt(this, records, targetRow);
+    },
+    _insertNextAt(records, targetRow) {
+      return handleInsertRowAt(this, records, targetRow, true);
     },
-    _insertNextAt(records, row) {
-      return handleInsertRowAt(this, records, row, true);
+    _insertChild(records, parentRow) {
+      return handleInsertChildRowAt(this, records, parentRow, null);
+    },
+    _insertChildAt(records, parentRow, targetRow) {
+      return handleInsertChildRowAt(this, records, parentRow, targetRow);
+    },
+    _insertChildNextAt(records, parentRow, targetRow) {
+      return handleInsertChildRowAt(this, records, parentRow, targetRow, true);
     },
     /**
      * 删除指定行数据
@@ -20005,7 +20046,10 @@ function toTableBorder(border) {
 function toBooleanValue(cellValue) {
   return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isBoolean(cellValue) ? cellValue ? 'TRUE' : 'FALSE' : cellValue;
 }
-function getBodyLabelData($xetable, opts, columns, datas) {
+const toStringValue = cellValue => {
+  return eqEmptyValue(cellValue) ? '' : `${cellValue}`;
+};
+function getBodyLabelData($xeTable, opts, columns, datas) {
   const {
     isAllExpand,
     mode
@@ -20016,7 +20060,7 @@ function getBodyLabelData($xetable, opts, columns, datas) {
     radioOpts,
     checkboxOpts,
     columnOpts
-  } = $xetable;
+  } = $xeTable;
   const childrenField = treeOpts.children || treeOpts.childrenField;
   if (!htmlCellElem) {
     htmlCellElem = document.createElement('div');
@@ -20028,13 +20072,13 @@ function getBodyLabelData($xetable, opts, columns, datas) {
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(datas, (item, $rowIndex, items, path, parent, nodes) => {
       const row = item._row || item;
       const parentRow = parent && parent._row ? parent._row : parent;
-      if (isAllExpand || !parentRow || expandMaps.has(parentRow) && $xetable.isTreeExpandByRow(parentRow)) {
-        const hasRowChild = hasTreeChildren($xetable, row);
+      if (isAllExpand || !parentRow || expandMaps.has(parentRow) && $xeTable.isTreeExpandByRow(parentRow)) {
+        const hasRowChild = hasTreeChildren($xeTable, row);
         const item = {
           _row: row,
           _level: nodes.length - 1,
           _hasChild: hasRowChild,
-          _expand: hasRowChild && $xetable.isTreeExpandByRow(row)
+          _expand: hasRowChild && $xeTable.isTreeExpandByRow(row)
         };
         columns.forEach((column, $columnIndex) => {
           let cellValue = '';
@@ -20051,7 +20095,7 @@ function getBodyLabelData($xetable, opts, columns, datas) {
           }
           if (bodyExportMethod) {
             cellValue = bodyExportMethod({
-              $table: $xetable,
+              $table: $xeTable,
               row,
               column,
               options: opts
@@ -20061,18 +20105,18 @@ function getBodyLabelData($xetable, opts, columns, datas) {
               case 'seq':
                 {
                   const seqValue = path.map((num, i) => i % 2 === 0 ? Number(num) + 1 : '.').join('');
-                  cellValue = mode === 'all' ? seqValue : getSeq($xetable, seqValue, row, $rowIndex, column, $columnIndex);
+                  cellValue = mode === 'all' ? seqValue : getSeq($xeTable, seqValue, row, $rowIndex, column, $columnIndex);
                   break;
                 }
               case 'checkbox':
-                cellValue = toBooleanValue($xetable.isCheckedByCheckboxRow(row));
+                cellValue = toBooleanValue($xeTable.isCheckedByCheckboxRow(row));
                 item._checkboxLabel = checkboxOpts.labelField ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, checkboxOpts.labelField) : '';
                 item._checkboxDisabled = checkboxOpts.checkMethod && !checkboxOpts.checkMethod({
                   row
                 });
                 break;
               case 'radio':
-                cellValue = toBooleanValue($xetable.isCheckedByRadioRow(row));
+                cellValue = toBooleanValue($xeTable.isCheckedByRadioRow(row));
                 item._radioLabel = radioOpts.labelField ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, radioOpts.labelField) : '';
                 item._radioDisabled = radioOpts.checkMethod && !radioOpts.checkMethod({
                   row
@@ -20082,12 +20126,12 @@ function getBodyLabelData($xetable, opts, columns, datas) {
                 if (opts.original) {
                   cellValue = getCellValue(row, column);
                 } else {
-                  cellValue = $xetable.getCellLabel(row, column);
+                  cellValue = $xeTable.getCellLabel(row, column);
                   if (column.type === 'html') {
                     htmlCellElem.innerHTML = cellValue;
                     cellValue = htmlCellElem.innerText.trim();
                   } else {
-                    const cell = $xetable.getCellElement(row, column);
+                    const cell = $xeTable.getCellElement(row, column);
                     if (cell) {
                       cellValue = cell.innerText.trim();
                     }
@@ -20095,7 +20139,7 @@ function getBodyLabelData($xetable, opts, columns, datas) {
                 }
             }
           }
-          item[column.id] = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(cellValue);
+          item[column.id] = toStringValue(cellValue);
         });
         expandMaps.set(row, 1);
         rest.push(Object.assign(item, row));
@@ -20124,7 +20168,7 @@ function getBodyLabelData($xetable, opts, columns, datas) {
       }
       if (bodyExportMethod) {
         cellValue = bodyExportMethod({
-          $table: $xetable,
+          $table: $xeTable,
           row,
           column,
           options: opts
@@ -20134,18 +20178,18 @@ function getBodyLabelData($xetable, opts, columns, datas) {
           case 'seq':
             {
               const seqValue = $rowIndex + 1;
-              cellValue = mode === 'all' ? seqValue : getSeq($xetable, seqValue, row, $rowIndex, column, $columnIndex);
+              cellValue = mode === 'all' ? seqValue : getSeq($xeTable, seqValue, row, $rowIndex, column, $columnIndex);
               break;
             }
           case 'checkbox':
-            cellValue = toBooleanValue($xetable.isCheckedByCheckboxRow(row));
+            cellValue = toBooleanValue($xeTable.isCheckedByCheckboxRow(row));
             item._checkboxLabel = checkboxOpts.labelField ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, checkboxOpts.labelField) : '';
             item._checkboxDisabled = checkboxOpts.checkMethod && !checkboxOpts.checkMethod({
               row
             });
             break;
           case 'radio':
-            cellValue = toBooleanValue($xetable.isCheckedByRadioRow(row));
+            cellValue = toBooleanValue($xeTable.isCheckedByRadioRow(row));
             item._radioLabel = radioOpts.labelField ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, radioOpts.labelField) : '';
             item._radioDisabled = radioOpts.checkMethod && !radioOpts.checkMethod({
               row
@@ -20155,12 +20199,12 @@ function getBodyLabelData($xetable, opts, columns, datas) {
             if (opts.original) {
               cellValue = getCellValue(row, column);
             } else {
-              cellValue = $xetable.getCellLabel(row, column);
+              cellValue = $xeTable.getCellLabel(row, column);
               if (column.type === 'html') {
                 htmlCellElem.innerHTML = cellValue;
                 cellValue = htmlCellElem.innerText.trim();
               } else {
-                const cell = $xetable.getCellElement(row, column);
+                const cell = $xeTable.getCellElement(row, column);
                 if (cell) {
                   cellValue = cell.innerText.trim();
                 }
@@ -20168,7 +20212,7 @@ function getBodyLabelData($xetable, opts, columns, datas) {
             }
         }
       }
-      item[column.id] = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toValueString(cellValue);
+      item[column.id] = toStringValue(cellValue);
     });
     return item;
   });
@@ -23786,10 +23830,12 @@ function handleUupdateResize(_vm) {
       }
       return false;
     },
-    tableBorder() {
+    computeTableBorder() {
+      const $xeTable = this;
+      const props = $xeTable;
       const {
         border
-      } = this;
+      } = props;
       if (border === true) {
         return 'full';
       }
@@ -24288,7 +24334,6 @@ function handleUupdateResize(_vm) {
       stripe,
       showHeader,
       height,
-      tableBorder,
       treeOpts,
       treeConfig,
       mouseConfig,
@@ -24328,6 +24373,7 @@ function handleUupdateResize(_vm) {
     const loadingSlot = $scopedSlots.loading;
     const currLoading = this._isLoading || loading;
     const vSize = computeSize;
+    const tableBorder = $xeTable.computeTableBorder;
     const virtualScrollBars = $xeTable.computeVirtualScrollBars;
     const isArea = mouseConfig && mouseOpts.area;
     const tableStyle = $xeTable.computeTableStyle;