vxe-table 3.14.0-beta.2 → 3.14.0-beta.20

package/lib/index.umd.js

@@ -4,9 +4,9 @@
 	else if(typeof define === 'function' && define.amd)
 		define([, "@vxe-ui/core", "xe-utils"], factory);
 	else if(typeof exports === 'object')
-		exports["VXETable"] = factory(require("vue"), require("@vxe-ui/core"), require("xe-utils"));
+		exports["VxeUITable"] = factory(require("vue"), require("@vxe-ui/core"), require("xe-utils"));
 	else
-		root["VXETable"] = factory(root["Vue"], root["VxeUI"], root["XEUtils"]);
+		root["VxeUITable"] = factory(root["Vue"], root["VxeUI"], root["XEUtils"]);
 })((typeof self !== 'undefined' ? self : this), function(__WEBPACK_EXTERNAL_MODULE__9274__, __WEBPACK_EXTERNAL_MODULE__4345__, __WEBPACK_EXTERNAL_MODULE__8871__) {
 return /******/ (function() { // webpackBootstrap
 /******/ 	"use strict";
@@ -2220,7 +2220,7 @@ function getClass(property, params) {
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
-const version = "3.14.0-beta.2";
+const version = "3.14.0-beta.20";
 core_.VxeUI.version = version;
 core_.VxeUI.tableVersion = version;
 core_.VxeUI.setConfig({
@@ -2843,7 +2843,7 @@ function isNodeElement(elem) {
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"3.14.0-beta.2"}`;
+const log_version = `table v${"3.14.0-beta.20"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/table/src/columnInfo.ts
@@ -3026,6 +3026,7 @@ class ColumnInfo {
 
 
 
+
 const getAllConvertColumns = (columns, parentColumn) => {
   const result = [];
   columns.forEach(column => {
@@ -3111,13 +3112,63 @@ function getRowUniqueId() {
   return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().uniqueId('row_');
 }
 // 行主键 key
-function getRowkey($xetable) {
-  return $xetable.rowOpts.keyField || $xetable.rowId || '_X_ROW_KEY';
+function getRowkey($xeTable) {
+  const props = $xeTable;
+  const rowOpts = $xeTable.computeRowOpts;
+  return `${props.rowId || rowOpts.keyField || '_X_ROW_KEY'}`;
 }
 // 行主键 value
-function getRowid($xetable, row) {
-  const rowid = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, getRowkey($xetable));
-  return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(rowid) ? '' : encodeURIComponent(rowid);
+function getRowid($xeTable, row) {
+  const rowid = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, getRowkey($xeTable));
+  return encodeRowid(rowid);
+}
+function createHandleUpdateRowId($xeTable) {
+  const rowKey = getRowkey($xeTable);
+  const isDeepKey = rowKey.indexOf('.') > -1;
+  const updateRId = isDeepKey ? updateDeepRowKey : updateFastRowKey;
+  return {
+    rowKey,
+    handleUpdateRowId(row) {
+      return updateRId(row, rowKey);
+    }
+  };
+}
+function createHandleGetRowId($xeTable) {
+  const rowKey = getRowkey($xeTable);
+  const isDeepKey = rowKey.indexOf('.') > -1;
+  const getRId = isDeepKey ? getDeepRowIdByKey : getFastRowIdByKey;
+  return {
+    rowKey,
+    handleGetRowId(row) {
+      return getRId(row, rowKey);
+    }
+  };
+}
+// 编码行主键
+function encodeRowid(rowVal) {
+  return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(rowVal) ? '' : encodeURIComponent(rowVal);
+}
+function getDeepRowIdByKey(row, rowKey) {
+  return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, rowKey);
+}
+function updateDeepRowKey(row, rowKey) {
+  let rowid = getDeepRowIdByKey(row, rowKey);
+  if (eqEmptyValue(rowid)) {
+    rowid = getRowUniqueId();
+    external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(row, rowKey, rowid);
+  }
+  return rowid;
+}
+function getFastRowIdByKey(row, rowKey) {
+  return row[rowKey];
+}
+function updateFastRowKey(row, rowKey) {
+  let rowid = getFastRowIdByKey(row, rowKey);
+  if (eqEmptyValue(rowid)) {
+    rowid = getRowUniqueId();
+    row[rowKey] = rowid;
+  }
+  return rowid;
 }
 function getPaddingLeftRightSize(elem) {
   if (elem) {
@@ -3143,12 +3194,19 @@ function getCellHeight(height) {
   }
   return height || 0;
 }
-function handleFieldOrColumn(_vm, fieldOrColumn) {
+function handleFieldOrColumn($xeTable, fieldOrColumn) {
   if (fieldOrColumn) {
-    return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(fieldOrColumn) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(fieldOrColumn) ? _vm.getColumnByField(`${fieldOrColumn}`) : fieldOrColumn;
+    return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(fieldOrColumn) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(fieldOrColumn) ? $xeTable.getColumnByField(`${fieldOrColumn}`) : fieldOrColumn;
   }
   return null;
 }
+const handleRowidOrRow = ($xeTable, rowidOrRow) => {
+  if (rowidOrRow) {
+    const rowid = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(rowidOrRow) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(rowidOrRow) ? rowidOrRow : getRowid($xeTable, rowidOrRow);
+    return $xeTable.getRowById(rowid);
+  }
+  return null;
+};
 // 组装列配置
 function assembleColumn(_vm) {
   const {
@@ -4272,7 +4330,12 @@ const Cell = {
     const headerSlot = slots ? slots.header : null;
     const titleSlot = slots ? slots.title : null;
     const checkboxOpts = $table.computeCheckboxOpts;
-    const headerTitle = column.getTitle();
+    const {
+      checkStrictly,
+      showHeader,
+      headerTitle
+    } = checkboxOpts;
+    const colTitle = column.getTitle();
     const ons = {};
     if (!isHidden) {
       ons.click = evnt => {
@@ -4290,10 +4353,10 @@ const Cell = {
     if (headerSlot) {
       return renderHeaderCellBaseVNs(h, params, renderTitleContent(h, checkboxParams, $table.callSlot(headerSlot, checkboxParams, h)));
     }
-    if (checkboxOpts.checkStrictly ? !checkboxOpts.showHeader : checkboxOpts.showHeader === false) {
+    if (checkStrictly ? !showHeader : showHeader === false) {
       return renderHeaderCellBaseVNs(h, params, renderTitleContent(h, checkboxParams, [h('span', {
         class: 'vxe-checkbox--label'
-      }, titleSlot ? $table.callSlot(titleSlot, checkboxParams, h) : headerTitle)]));
+      }, titleSlot ? $table.callSlot(titleSlot, checkboxParams, h) : colTitle)]));
     }
     return renderHeaderCellBaseVNs(h, params, renderTitleContent(h, checkboxParams, [h('span', {
       class: ['vxe-cell--checkbox', {
@@ -4302,14 +4365,14 @@ const Cell = {
         'is--indeterminate': isAllCheckboxIndeterminate
       }],
       attrs: {
-        title: cell_getI18n('vxe.table.allTitle')
+        title: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(headerTitle) ? cell_getI18n('vxe.table.allTitle') : `${headerTitle || ''}`
       },
       on: ons
     }, [h('span', {
       class: ['vxe-checkbox--icon', isAllCheckboxIndeterminate ? cell_getIcon().TABLE_CHECKBOX_INDETERMINATE : isAllCheckboxSelected ? cell_getIcon().TABLE_CHECKBOX_CHECKED : cell_getIcon().TABLE_CHECKBOX_UNCHECKED]
-    })].concat(titleSlot || headerTitle ? [h('span', {
+    })].concat(titleSlot || colTitle ? [h('span', {
       class: 'vxe-checkbox--label'
-    }, titleSlot ? $table.callSlot(titleSlot, checkboxParams, h) : headerTitle)] : []))]));
+    }, titleSlot ? $table.callSlot(titleSlot, checkboxParams, h) : colTitle)] : []))]));
   },
   renderCheckboxCell(h, params) {
     const {
@@ -4608,6 +4671,8 @@ const Cell = {
     const {
       showIcon,
       allowBtn,
+      ascTitle,
+      descTitle,
       iconLayout,
       iconAsc,
       iconDesc,
@@ -4621,7 +4686,7 @@ const Cell = {
           'sort--active': column.order === 'asc'
         }],
         attrs: {
-          title: cell_getI18n('vxe.table.sortAsc')
+          title: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(ascTitle) ? cell_getI18n('vxe.table.sortAsc') : `${ascTitle || ''}`
         },
         on: allowBtn ? {
           click(evnt) {
@@ -4634,7 +4699,7 @@ const Cell = {
           'sort--active': column.order === 'desc'
         }],
         attrs: {
-          title: cell_getI18n('vxe.table.sortDesc')
+          title: external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(descTitle) ? cell_getI18n('vxe.table.sortDesc') : `${descTitle || ''}`
         },
         on: allowBtn ? {
           click(evnt) {
@@ -5085,6 +5150,7 @@ const {
   interceptor: methods_interceptor,
   createEvent
 } = core_.VxeUI;
+const supportMaxRow = 5e6;
 const customStorageKey = 'VXE_CUSTOM_STORE';
 const maxYHeight = 5e6;
 const maxXWidth = 5e6;
@@ -5351,7 +5417,7 @@ function cacheColumnMap($xeTable) {
       fullColumnFieldData[field] = rest;
     } else {
       if (storage && !type || columnOpts.drag && (isCrossDrag || isSelfToChildDrag)) {
-        errLog('vxe.error.reqProp', [`${column.getTitle() || type || ''} -> column.field`]);
+        errLog('vxe.error.reqProp', [`${column.getTitle() || type || ''} -> column.field=?`]);
       }
     }
     if (!hasFixed && fixed) {
@@ -5963,6 +6029,21 @@ function updateStyle($xeTable) {
   }
   return $xeTable.$nextTick();
 }
+function checkValidate($xeTable, type) {
+  if ($xeTable.triggerValidate) {
+    return $xeTable.triggerValidate(type);
+  }
+  return $xeTable.$nextTick();
+}
+/**
+ * 当单元格发生改变时
+ * 如果存在规则，则校验
+ */
+function handleChangeCell($xeTable, evnt, params) {
+  checkValidate($xeTable, 'blur').catch(e => e).then(() => {
+    $xeTable.handleEdit(params, evnt).then(() => checkValidate($xeTable, 'change')).catch(e => e);
+  });
+}
 function handleRadioReserveRow($xeTable, row) {
   const internalData = $xeTable;
   const radioOpts = $xeTable.computeRadioOpts;
@@ -6029,6 +6110,10 @@ function handleCheckedAllCheckboxRow($xeTable, checked, isForce) {
     reserve,
     checkMethod
   } = checkboxOpts;
+  const {
+    handleGetRowId
+  } = createHandleGetRowId($xeTable);
+  // indeterminateField 仅支持读取
   const indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
   const selectRowMaps = {};
   /**
@@ -6073,7 +6158,8 @@ function handleCheckedAllCheckboxRow($xeTable, checked, isForce) {
           if (isForce || !checkMethod || checkMethod({
             row
           })) {
-            selectRowMaps[getRowid($xeTable, row)] = row;
+            const rowid = handleGetRowId(row);
+            selectRowMaps[rowid] = row;
           }
         }, {
           children: childrenField
@@ -6085,7 +6171,7 @@ function handleCheckedAllCheckboxRow($xeTable, checked, isForce) {
            */
         if (!isForce && checkMethod) {
           external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(afterFullData, row => {
-            const rowid = getRowid($xeTable, row);
+            const rowid = handleGetRowId(row);
             if (checkMethod({
               row
             }) ? 0 : selectCheckboxMaps[rowid]) {
@@ -6105,7 +6191,7 @@ function handleCheckedAllCheckboxRow($xeTable, checked, isForce) {
            */
         if (!isForce && checkMethod) {
           afterFullData.forEach(row => {
-            const rowid = getRowid($xeTable, row);
+            const rowid = handleGetRowId(row);
             if (selectCheckboxMaps[rowid] || checkMethod({
               row
             })) {
@@ -6114,7 +6200,8 @@ function handleCheckedAllCheckboxRow($xeTable, checked, isForce) {
           });
         } else {
           afterFullData.forEach(row => {
-            selectRowMaps[getRowid($xeTable, row)] = row;
+            const rowid = handleGetRowId(row);
+            selectRowMaps[rowid] = row;
           });
         }
       } else {
@@ -6125,7 +6212,7 @@ function handleCheckedAllCheckboxRow($xeTable, checked, isForce) {
            */
         if (!isForce && checkMethod) {
           afterFullData.forEach(row => {
-            const rowid = getRowid($xeTable, row);
+            const rowid = handleGetRowId(row);
             if (checkMethod({
               row
             }) ? 0 : selectCheckboxMaps[rowid]) {
@@ -7695,6 +7782,10 @@ const Methods = {
     }
     return [];
   },
+  getEl() {
+    const $xeTable = this;
+    return $xeTable.$refs.refElem;
+  },
   /**
    * 获取父容器元素
    */
@@ -7709,14 +7800,27 @@ const Methods = {
    * 获取父容器的高度
    */
   getParentHeight() {
+    const $xeTable = this;
+    const $xeGrid = $xeTable.$xeGrid;
+    const props = $xeTable;
     const {
-      $el,
-      $xegrid,
       height
-    } = this;
-    const parentElem = $el.parentNode;
-    const parentPaddingSize = height === '100%' || height === 'auto' ? getPaddingTopBottomSize(parentElem) : 0;
-    return Math.floor($xegrid ? $xegrid.getParentHeight() : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(getComputedStyle(parentElem).height) - parentPaddingSize);
+    } = props;
+    const el = $xeTable.$refs.refElem;
+    if (el) {
+      const parentElem = el.parentNode;
+      const parentPaddingSize = height === '100%' || height === 'auto' ? getPaddingTopBottomSize(parentElem) : 0;
+      let parentWrapperHeight = 0;
+      if (parentElem) {
+        if ($xeGrid && hasClass(parentElem, 'vxe-grid--table-wrapper')) {
+          parentWrapperHeight = $xeGrid.getParentHeight();
+        } else {
+          parentWrapperHeight = parentElem.clientHeight;
+        }
+      }
+      return Math.floor(parentWrapperHeight - parentPaddingSize);
+    }
+    return 0;
   },
   /**
    * 获取需要排除的高度
@@ -7826,6 +7930,9 @@ const Methods = {
     const childrenField = treeOpts.children || treeOpts.childrenField;
     let treeData = [];
     let fullData = datas ? datas.slice(0) : [];
+    if (fullData.length > supportMaxRow) {
+      errLog('vxe.error.errMaxRow', [supportMaxRow]);
+    }
     if (treeConfig) {
       // 树结构自动转换
       if (treeOpts.transform) {
@@ -7919,7 +8026,7 @@ const Methods = {
         //   warnLog('vxe.error.reqProp', ['table.show-overflow'])
         // }
         if (this.spanMethod) {
-          warnLog('vxe.error.scrollErrProp', ['table.span-method']);
+          errLog('vxe.error.scrollErrProp', ['table.span-method']);
         }
       }
       handleReserveStatus($xeTable);
@@ -8081,7 +8188,9 @@ const Methods = {
     const treeOpts = $xeTable.computeTreeOpts;
     const childrenField = treeOpts.children || treeOpts.childrenField;
     const hasChildField = treeOpts.hasChild || treeOpts.hasChildField;
-    const rowkey = getRowkey($xeTable);
+    const {
+      lazy
+    } = treeOpts;
     const fullAllDataRowIdMaps = {
       ...fullAllDataRowIdData
     }; // 存在已删除数据
@@ -8089,26 +8198,11 @@ const Methods = {
     const treeTempExpandedMaps = {
       ...treeExpandedMaps
     };
-    const handleRow = (row, index, items, path, parentRow, nodes) => {
-      let rowid = getRowid($xeTable, row);
-      const seq = treeConfig && path ? toTreePathSeq(path) : index + 1;
-      const level = nodes ? nodes.length - 1 : 0;
-      if (eqEmptyValue(rowid)) {
-        rowid = getRowUniqueId();
-        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(row, rowkey, rowid);
-      }
-      if (treeConfig && treeOpts.lazy) {
-        const treeExpRest = treeExpandedMaps[rowid];
-        if (row[hasChildField] && external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isUndefined(row[childrenField])) {
-          row[childrenField] = null;
-        }
-        if (treeExpRest) {
-          if (!row[childrenField] || !row[childrenField].length) {
-            delete treeTempExpandedMaps[rowid];
-          }
-        }
-      }
-      let rowRest = fullAllDataRowIdData[rowid];
+    const {
+      handleUpdateRowId
+    } = createHandleUpdateRowId($xeTable);
+    const handleRowCache = (row, index, items, currIndex, parentRow, rowid, level, seq) => {
+      let rowRest = fullAllDataRowIdMaps[rowid];
       if (!rowRest) {
         rowRest = {
           row,
@@ -8133,40 +8227,54 @@ const Methods = {
       rowRest.items = items;
       rowRest.parent = parentRow;
       rowRest.level = level;
-      rowRest.index = treeConfig && parentRow ? -1 : index;
+      rowRest.index = currIndex;
+      rowRest.treeIndex = index;
       fullDataRowIdMaps[rowid] = rowRest;
       fullAllDataRowIdMaps[rowid] = rowRest;
     };
     if (treeConfig) {
-      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(tableFullTreeData, handleRow, {
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(tableFullTreeData, (row, index, items, path, parentRow, nodes) => {
+        const rowid = handleUpdateRowId(row);
+        if (treeConfig && lazy) {
+          const treeExpRest = treeTempExpandedMaps[rowid];
+          if (row[hasChildField] && row[childrenField] === undefined) {
+            row[childrenField] = null;
+          }
+          if (treeExpRest) {
+            if (!row[childrenField] || !row[childrenField].length) {
+              delete treeTempExpandedMaps[rowid];
+            }
+          }
+        }
+        handleRowCache(row, index, items, parentRow ? -1 : index, parentRow, rowid, nodes.length - 1, toTreePathSeq(path));
+      }, {
         children: childrenField
       });
     } else {
-      tableFullData.forEach(handleRow);
+      tableFullData.forEach((row, index, items) => {
+        handleRowCache(row, index, items, index, null, handleUpdateRowId(row), 0, index + 1);
+      });
     }
     internalData.fullDataRowIdData = fullDataRowIdMaps;
     internalData.fullAllDataRowIdData = fullAllDataRowIdMaps;
     reactData.treeExpandedMaps = treeTempExpandedMaps;
   },
   cacheSourceMap(fullData) {
-    let {
-      treeConfig,
-      treeOpts,
-      sourceDataRowIdData
-    } = this;
+    const $xeTable = this;
+    const props = $xeTable;
+    const internalData = $xeTable;
+    const {
+      treeConfig
+    } = props;
+    const treeOpts = $xeTable.computeTreeOpts;
     const sourceData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(fullData, true);
-    const rowkey = getRowkey(this);
-    sourceDataRowIdData = this.sourceDataRowIdData = {};
+    const {
+      handleUpdateRowId
+    } = createHandleUpdateRowId($xeTable);
+    const sourceRowIdData = {};
     const handleSourceRow = row => {
-      let rowid = getRowid(this, row);
-      if (eqEmptyValue(rowid)) {
-        rowid = getRowUniqueId();
-        external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(row, rowkey, rowid);
-      }
-      sourceDataRowIdData[rowid] = {
-        row,
-        rowid
-      };
+      const rowid = handleUpdateRowId(row);
+      sourceRowIdData[rowid] = row;
     };
     // 源数据缓存
     if (treeConfig) {
@@ -8177,7 +8285,8 @@ const Methods = {
     } else {
       sourceData.forEach(handleSourceRow);
     }
-    this.tableSourceData = sourceData;
+    internalData.sourceDataRowIdData = sourceRowIdData;
+    internalData.tableSourceData = sourceData;
   },
   getParams() {
     return this.params;
@@ -8538,20 +8647,27 @@ const Methods = {
       keepSource,
       treeConfig
     } = props;
+    const {
+      editStore
+    } = reactData;
     const {
       fullAllDataRowIdData,
+      fullDataRowIdData,
       tableSourceData,
       sourceDataRowIdData,
       tableFullData,
       afterFullData
     } = internalData;
+    const removeTempMaps = {
+      ...editStore.removeMaps
+    };
     const treeOpts = $xeTable.computeTreeOpts;
     const {
       transform
     } = treeOpts;
     if (!keepSource) {
       if (true) {
-        warnLog('vxe.error.reqProp', ['keep-source']);
+        errLog('vxe.error.reqProp', ['keep-source']);
       }
       return $xeTable.$nextTick();
     }
@@ -8565,22 +8681,23 @@ const Methods = {
     }
     let reDelFlag = false;
     if (targetRows.length) {
-      targetRows.forEach(row => {
-        if (!$xeTable.isInsertByRow(row)) {
-          const rowid = getRowid($xeTable, row);
-          const oRow = sourceDataRowIdData[rowid];
-          if (oRow && row) {
-            if (field) {
-              external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(row, field, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(oRow, field), true));
-            } else {
-              external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().destructuring(row, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(oRow, true));
-            }
-            if ($xeTable.isRemoveByRow(row)) {
-              const rowRest = fullAllDataRowIdData[rowid];
-              if (rowRest) {
-                const reRow = rowRest.row;
-                tableFullData.unshift(reRow);
-                afterFullData.unshift(reRow);
+      targetRows.forEach(item => {
+        const rowid = getRowid($xeTable, item);
+        const rowRest = fullAllDataRowIdData[rowid];
+        if (rowRest) {
+          const row = rowRest.row;
+          if (!$xeTable.isInsertByRow(row)) {
+            const oRow = sourceDataRowIdData[rowid];
+            if (oRow && row) {
+              if (field) {
+                external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().set(row, field, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(oRow, field), true));
+              } else {
+                external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().destructuring(row, external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().clone(oRow, true));
+              }
+              if (!fullDataRowIdData[rowid] && $xeTable.isRemoveByRow(row)) {
+                delete removeTempMaps[rowid];
+                tableFullData.unshift(row);
+                afterFullData.unshift(row);
                 reDelFlag = true;
               }
             }
@@ -8590,6 +8707,7 @@ const Methods = {
     }
     if (rows) {
       if (reDelFlag) {
+        editStore.removeMaps = removeTempMaps;
         $xeTable.updateFooter();
         $xeTable.cacheRowMap(false);
         $xeTable.handleTableData(treeConfig && transform);
@@ -8769,25 +8887,31 @@ const Methods = {
   },
   /**
    * 检查行或列数据是否发生改变
-   * @param {Row} row 行对象
+   * @param {Row} rowOrId 行对象
    * @param {String} field 字段名
    */
-  isUpdateByRow(row, field) {
+  isUpdateByRow(rowOrId, field) {
+    const $xeTable = this;
+    const props = $xeTable;
+    const internalData = $xeTable;
+    const {
+      keepSource
+    } = props;
     const {
       tableFullColumn,
-      keepSource,
-      sourceDataRowIdData,
-      fullDataRowIdData
-    } = this;
+      fullDataRowIdData,
+      sourceDataRowIdData
+    } = internalData;
     if (keepSource) {
-      const rowid = getRowid(this, row);
+      const rowid = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(rowOrId) || external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(rowOrId) ? rowOrId : getRowid($xeTable, rowOrId);
+      const rowRest = fullDataRowIdData[rowid];
       // 新增的数据不需要检测
-      if (!fullDataRowIdData[rowid]) {
+      if (!rowRest) {
         return false;
       }
-      const oldRest = sourceDataRowIdData[rowid];
-      if (oldRest) {
-        const oRow = oldRest.row;
+      const row = rowRest.row;
+      const oRow = sourceDataRowIdData[rowid];
+      if (oRow) {
         if (arguments.length > 1) {
           return !eqCellValue(oRow, row, field);
         }
@@ -8849,6 +8973,113 @@ const Methods = {
       tableColumn: this.tableColumn.slice(0)
     };
   },
+  /**
+   * 移动列到指定列的位置
+   * @param fieldOrColumn
+   * @param targetFieldOrColumn
+   * @param options
+   */
+  moveColumnTo(fieldOrColumn, targetFieldOrColumn, options) {
+    const $xeTable = this;
+    const internalData = $xeTable;
+    const {
+      fullColumnIdData,
+      visibleColumn
+    } = internalData;
+    const {
+      dragToChild,
+      dragPos,
+      isCrossDrag
+    } = Object.assign({}, options);
+    const dragCol = handleFieldOrColumn($xeTable, fieldOrColumn);
+    let prevDragCol = null;
+    const colRest = dragCol ? fullColumnIdData[dragCol.id] : null;
+    let defPos = 'left';
+    if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(targetFieldOrColumn)) {
+      if (colRest && targetFieldOrColumn) {
+        let currList = colRest.items;
+        let offsetIndex = colRest._index + targetFieldOrColumn;
+        if (isCrossDrag) {
+          currList = visibleColumn;
+          offsetIndex = colRest._index + targetFieldOrColumn;
+        }
+        if (offsetIndex > 0 && offsetIndex < currList.length - 1) {
+          prevDragCol = currList[offsetIndex];
+        }
+        if (targetFieldOrColumn > 0) {
+          defPos = 'right';
+        }
+      }
+    } else {
+      prevDragCol = handleFieldOrColumn($xeTable, targetFieldOrColumn);
+      const targetColRest = prevDragCol ? fullColumnIdData[prevDragCol.id] : null;
+      if (colRest && targetColRest) {
+        if (targetColRest._index > colRest._index) {
+          defPos = 'right';
+        }
+      }
+    }
+    return $xeTable.handleColDragSwapEvent(null, true, dragCol, prevDragCol, dragPos || defPos, dragToChild === true);
+  },
+  /**
+   * 移动行到指定行的位置
+   * @param rowidOrRow
+   * @param targetRowidOrRow
+   * @param options
+   */
+  moveRowTo(rowidOrRow, targetRowidOrRow, options) {
+    const $xeTable = this;
+    const props = $xeTable;
+    const internalData = $xeTable;
+    const {
+      treeConfig
+    } = props;
+    const {
+      fullAllDataRowIdData,
+      afterFullData
+    } = internalData;
+    const {
+      dragToChild,
+      dragPos,
+      isCrossDrag
+    } = Object.assign({}, options);
+    const treeOpts = $xeTable.computeTreeOpts;
+    const dragRow = handleRowidOrRow($xeTable, rowidOrRow);
+    let prevDragRow = null;
+    let defPos = 'top';
+    const rowRest = dragRow ? fullAllDataRowIdData[getRowid($xeTable, dragRow)] : null;
+    if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isNumber(targetRowidOrRow)) {
+      if (rowRest && targetRowidOrRow) {
+        let currList = afterFullData;
+        let offsetIndex = rowRest._index + targetRowidOrRow;
+        if (treeConfig) {
+          currList = rowRest.items;
+          if (treeOpts.transform) {
+            offsetIndex = rowRest.treeIndex + targetRowidOrRow;
+            if (isCrossDrag) {
+              currList = afterFullData;
+              offsetIndex = rowRest._index + targetRowidOrRow;
+            }
+          }
+        }
+        if (offsetIndex >= 0 && offsetIndex <= currList.length - 1) {
+          prevDragRow = currList[offsetIndex];
+        }
+        if (targetRowidOrRow > 0) {
+          defPos = 'bottom';
+        }
+      }
+    } else {
+      prevDragRow = handleRowidOrRow($xeTable, targetRowidOrRow);
+      const targetRowRest = prevDragRow ? fullAllDataRowIdData[getRowid($xeTable, prevDragRow)] : null;
+      if (rowRest && targetRowRest) {
+        if (targetRowRest._index > rowRest._index) {
+          defPos = 'bottom';
+        }
+      }
+    }
+    return $xeTable.handleRowDragSwapEvent(null, true, dragRow, prevDragRow, dragPos || defPos, dragToChild === true);
+  },
   /**
    * 获取表格的全量列
    */
@@ -8871,16 +9102,26 @@ const Methods = {
    * 用于多选行，获取已选中的数据
    */
   getCheckboxRecords(isFull) {
+    const $xeTable = this;
+    const props = $xeTable;
+    const reactData = $xeTable;
+    const internalData = $xeTable;
+    const {
+      treeConfig
+    } = props;
+    const {
+      selectCheckboxMaps
+    } = reactData;
     const {
       tableFullData,
       afterFullData,
-      treeConfig,
-      treeOpts,
-      checkboxOpts,
-      tableFullTreeData,
       afterTreeFullData,
+      tableFullTreeData,
+      fullDataRowIdData,
       afterFullRowMaps
-    } = this;
+    } = internalData;
+    const treeOpts = $xeTable.computeTreeOpts;
+    const checkboxOpts = $xeTable.computeCheckboxOpts;
     const {
       transform,
       mapChildrenField
@@ -8889,21 +9130,18 @@ const Methods = {
       checkField
     } = checkboxOpts;
     const childrenField = treeOpts.children || treeOpts.childrenField;
-    const currTableData = isFull ? transform ? tableFullTreeData : tableFullData : transform ? afterTreeFullData : afterFullData;
     let rowList = [];
     if (checkField) {
       if (treeConfig) {
+        const currTableData = isFull ? transform ? tableFullTreeData : tableFullData : transform ? afterTreeFullData : afterFullData;
         rowList = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().filterTree(currTableData, row => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, checkField), {
           children: transform ? mapChildrenField : childrenField
         });
       } else {
+        const currTableData = isFull ? tableFullData : afterFullData;
         rowList = currTableData.filter(row => external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, checkField));
       }
     } else {
-      const {
-        selectCheckboxMaps,
-        fullDataRowIdData
-      } = this;
       external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(selectCheckboxMaps, (row, rowid) => {
         if (isFull) {
           if (fullDataRowIdData[rowid]) {
@@ -9617,14 +9855,26 @@ const Methods = {
     }
   },
   getCustomStoreData() {
+    const $xeTable = this;
+    const props = $xeTable;
+    const internalData = $xeTable;
+    const {
+      id
+    } = props;
+    const customOpts = $xeTable.computeCustomOpts;
     const {
-      id,
-      customOpts,
       collectColumn
-    } = this;
+    } = internalData;
     const {
+      storage,
       checkMethod
     } = customOpts;
+    const isAllCustom = storage === true;
+    const storageOpts = isAllCustom ? {} : Object.assign({}, storage || {});
+    const isCustomResizable = isAllCustom || storageOpts.resizable;
+    const isCustomVisible = isAllCustom || storageOpts.visible;
+    const isCustomFixed = isAllCustom || storageOpts.fixed;
+    const isCustomSort = isAllCustom || storageOpts.sort;
     const resizableData = {};
     const sortData = {};
     const visibleData = {};
@@ -9641,48 +9891,38 @@ const Methods = {
     }
     let hasResizable = 0;
     let hasSort = 0;
-    let hasFixedt = 0;
+    let hasFixed = 0;
     let hasVisible = 0;
     external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(collectColumn, (column, index, items, path, parentColumn) => {
+      const colKey = column.getKey();
+      if (!colKey) {
+        errLog('vxe.error.reqProp', [`${column.getTitle() || column.type || ''} -> column.field=?`]);
+        return;
+      }
       // 只支持一级
       if (!parentColumn) {
-        collectColumn.forEach(column => {
-          const colKey = column.getKey();
-          if (colKey) {
-            hasSort = 1;
-            sortData[colKey] = column.renderSortNumber;
-          }
-        });
-        if (column.fixed !== column.defaultFixed) {
-          const colKey = column.getKey();
-          if (colKey) {
-            hasFixedt = 1;
-            fixedData[colKey] = column.fixed;
-          }
+        if (isCustomSort) {
+          hasSort = 1;
+          sortData[colKey] = column.renderSortNumber;
         }
-      }
-      if (column.resizeWidth) {
-        const colKey = column.getKey();
-        if (colKey) {
-          hasResizable = 1;
-          resizableData[colKey] = column.renderWidth;
+        if (isCustomFixed && column.fixed !== column.defaultFixed) {
+          hasFixed = 1;
+          fixedData[colKey] = column.fixed;
         }
       }
-      if (!checkMethod || checkMethod({
+      if (isCustomResizable && column.resizeWidth) {
+        hasResizable = 1;
+        resizableData[colKey] = column.renderWidth;
+      }
+      if (isCustomVisible && (!checkMethod || checkMethod({
         column
-      })) {
+      }))) {
         if (!column.visible && column.defaultVisible) {
-          const colKey = column.getKey();
-          if (colKey) {
-            hasVisible = 1;
-            visibleData[colKey] = false;
-          }
+          hasVisible = 1;
+          visibleData[colKey] = false;
         } else if (column.visible && !column.defaultVisible) {
-          const colKey = column.getKey();
-          if (colKey) {
-            hasVisible = 1;
-            visibleData[colKey] = true;
-          }
+          hasVisible = 1;
+          visibleData[colKey] = true;
         }
       }
     });
@@ -9692,7 +9932,7 @@ const Methods = {
     if (hasSort) {
       storeData.sortData = sortData;
     }
-    if (hasFixedt) {
+    if (hasFixed) {
       storeData.fixedData = fixedData;
     }
     if (hasVisible) {
@@ -10438,12 +10678,25 @@ const Methods = {
       }
     }
     // 兼容老版本
-    let rest;
-    if (!evntList.some(func => func(Object.assign({
-      $grid: this.$xegrid,
-      $table: this,
-      $event: evnt
-    }, args)) === false)) {
+    let rest = null;
+    let isStop = false;
+    for (let i = 0; i < evntList.length; i++) {
+      const func = evntList[i];
+      const fnRest = func(Object.assign({
+        $grid: this.$xegrid,
+        $table: this,
+        $event: evnt
+      }, args));
+      if (fnRest === false) {
+        isStop = true;
+        break;
+      } else if (fnRest && fnRest.status === false) {
+        rest = fnRest.result;
+        isStop = true;
+        break;
+      }
+    }
+    if (!isStop) {
       if (next) {
         rest = next();
       }
@@ -10679,10 +10932,12 @@ const Methods = {
           treeConfig,
           treeOpts,
           highlightCurrentRow,
+          highlightCurrentColumn,
           currentRow,
           bodyCtxMenu,
           rowOpts
         } = this;
+        const columnOpts = $xeTable.computeColumnOpts;
         const {
           selected,
           actived
@@ -10838,10 +11093,15 @@ const Methods = {
           if (!isEditStatus) {
             // 如果按下了方向键
             if (selected.row && selected.column) {
-              this.moveSelected(selected.args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt);
-            } else if ((isUpArrow || isDwArrow) && (rowOpts.isCurrent || highlightCurrentRow)) {
-              // 当前行按键上下移动
-              this.moveCurrentRow(isUpArrow, isDwArrow, evnt);
+              $xeTable.moveSelected(selected.args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt);
+            }
+            // 当前行按键上下移动
+            if ((isUpArrow || isDwArrow) && (rowOpts.isCurrent || highlightCurrentRow)) {
+              $xeTable.moveCurrentRow(isUpArrow, isDwArrow, evnt);
+            }
+            // 当前行按键左右移动
+            if ((isLeftArrow || isRightArrow) && (columnOpts.isCurrent || highlightCurrentColumn)) {
+              $xeTable.moveCurrentColumn(isLeftArrow, isRightArrow, evnt);
             }
           }
         } else if (isTab && keyboardConfig && keyboardOpts.isTab) {
@@ -11383,6 +11643,10 @@ const Methods = {
       checkStrictly,
       checkMethod
     } = checkboxOpts;
+    const {
+      handleGetRowId
+    } = createHandleGetRowId($xeTable);
+    // indeterminateField 仅支持读取
     const indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
     if (checkField) {
       // 树结构
@@ -11421,7 +11685,7 @@ const Methods = {
     if (treeConfig && !checkStrictly) {
       // 更新子节点状态
       external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(rows, row => {
-        const rowid = getRowid($xeTable, row);
+        const rowid = handleGetRowId(row);
         if (isForce || !checkMethod || checkMethod({
           row
         })) {
@@ -11442,7 +11706,7 @@ const Methods = {
     }
     // 列表
     rows.forEach(row => {
-      const rowid = getRowid($xeTable, row);
+      const rowid = handleGetRowId(row);
       if (isForce || !checkMethod || checkMethod({
         row
       })) {
@@ -11471,10 +11735,12 @@ const Methods = {
     $xeTable.handleBatchSelectRows([row], checked, isForce);
   },
   handleToggleCheckRowEvent(evnt, params) {
+    const $xeTable = this;
+    const reactData = $xeTable;
     const {
-      selectCheckboxMaps,
-      checkboxOpts
-    } = this;
+      selectCheckboxMaps
+    } = reactData;
+    const checkboxOpts = $xeTable.computeCheckboxOpts;
     const {
       checkField,
       trigger
@@ -11492,40 +11758,41 @@ const Methods = {
       checked = !selectCheckboxMaps[getRowid(this, row)];
     }
     if (evnt) {
-      this.triggerCheckRowEvent(evnt, params, checked);
+      $xeTable.triggerCheckRowEvent(evnt, params, checked);
     } else {
-      this.handleSelectRow(params, checked);
-      this.checkSelectionStatus();
+      $xeTable.handleBatchSelectRows(params, checked);
+      $xeTable.checkSelectionStatus();
     }
   },
   triggerCheckRowEvent(evnt, params, checked) {
     const $xeTable = this;
+    const internalData = $xeTable;
+    const {
+      row
+    } = params;
     const {
-      checkboxOpts,
       afterFullData
-    } = this;
+    } = internalData;
+    const checkboxOpts = $xeTable.computeCheckboxOpts;
     const {
       checkMethod,
       trigger
     } = checkboxOpts;
-    const {
-      row
-    } = params;
     if (trigger === 'manual') {
       return;
     }
     evnt.stopPropagation();
     if (checkboxOpts.isShiftKey && evnt.shiftKey && !this.treeConfig) {
-      const checkboxRecords = this.getCheckboxRecords();
+      const checkboxRecords = $xeTable.getCheckboxRecords();
       if (checkboxRecords.length) {
         const firstRow = checkboxRecords[0];
-        const _rowIndex = this.getVTRowIndex(row);
-        const _firstRowIndex = this.getVTRowIndex(firstRow);
+        const _rowIndex = $xeTable.getVTRowIndex(row);
+        const _firstRowIndex = $xeTable.getVTRowIndex(firstRow);
         if (_rowIndex !== _firstRowIndex) {
-          this.setAllCheckboxRow(false);
+          $xeTable.setAllCheckboxRow(false);
           const rangeRows = _rowIndex < _firstRowIndex ? afterFullData.slice(_rowIndex, _firstRowIndex + 1) : afterFullData.slice(_firstRowIndex, _rowIndex + 1);
           handleCheckedCheckboxRow($xeTable, rangeRows, true, false);
-          this.emitEvent('checkbox-range-select', Object.assign({
+          $xeTable.dispatchEvent('checkbox-range-select', Object.assign({
             rangeRecords: rangeRows
           }, params), evnt);
           return;
@@ -11535,12 +11802,12 @@ const Methods = {
     if (!checkMethod || checkMethod({
       row
     })) {
-      this.handleSelectRow(params, checked);
-      this.checkSelectionStatus();
-      this.emitEvent('checkbox-change', Object.assign({
-        records: this.getCheckboxRecords(),
-        reserves: this.getCheckboxReserveRecords(),
-        indeterminates: this.getCheckboxIndeterminateRecords(),
+      $xeTable.handleBatchSelectRows(params, checked);
+      $xeTable.checkSelectionStatus();
+      $xeTable.dispatchEvent('checkbox-change', Object.assign({
+        records: () => $xeTable.getCheckboxRecords(),
+        reserves: () => $xeTable.getCheckboxReserveRecords(),
+        indeterminates: () => $xeTable.getCheckboxIndeterminateRecords(),
         checked
       }, params), evnt);
     }
@@ -11604,10 +11871,13 @@ const Methods = {
     }
     // 树结构
     if (treeConfig) {
+      const {
+        handleGetRowId
+      } = createHandleGetRowId($xeTable);
       const childRowMaps = {};
       const childRowList = [];
       external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(afterTreeFullData, row => {
-        const rowid = getRowid($xeTable, row);
+        const rowid = handleGetRowId(row);
         const childList = row[transform ? mapChildrenField : childrenField];
         if (childList && childList.length && !childRowMaps[rowid]) {
           childRowMaps[rowid] = 1;
@@ -11624,7 +11894,7 @@ const Methods = {
         let hLen = 0; // 半选
         let vLen = 0; // 有效行
         childList.forEach(checkMethod ? item => {
-          const childRowid = getRowid($xeTable, item);
+          const childRowid = handleGetRowId(item);
           const isSelect = checkField ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(item, checkField) : selectRowMaps[childRowid];
           if (checkMethod({
             row: item
@@ -11643,7 +11913,7 @@ const Methods = {
             }
           }
         } : item => {
-          const childRowid = getRowid($xeTable, item);
+          const childRowid = handleGetRowId(item);
           const isSelect = checkField ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(item, checkField) : selectRowMaps[childRowid];
           if (isSelect) {
             sLen++;
@@ -11706,12 +11976,15 @@ const Methods = {
       afterTreeFullData,
       checkboxReserveRowMap
     } = internalData;
+    const {
+      handleGetRowId
+    } = createHandleGetRowId($xeTable);
     let sLen = 0; // 已选
     let hLen = 0; // 半选
     let vLen = 0; // 有效行
     const rootList = treeConfig ? afterTreeFullData : afterFullData;
     rootList.forEach(checkMethod ? row => {
-      const childRowid = getRowid($xeTable, row);
+      const childRowid = handleGetRowId(row);
       const selected = checkField ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, checkField) : selectCheckboxMaps[childRowid];
       if (checkMethod({
         row
@@ -11730,7 +12003,7 @@ const Methods = {
         }
       }
     } : row => {
-      const childRowid = getRowid($xeTable, row);
+      const childRowid = handleGetRowId(row);
       const selected = checkField ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, checkField) : selectCheckboxMaps[childRowid];
       if (selected) {
         sLen++;
@@ -11860,9 +12133,9 @@ const Methods = {
     handleCheckedAllCheckboxRow($xeTable, value);
     if (evnt) {
       $xeTable.dispatchEvent('checkbox-all', {
-        records: $xeTable.getCheckboxRecords(),
-        reserves: $xeTable.getCheckboxReserveRecords(),
-        indeterminates: $xeTable.getCheckboxIndeterminateRecords(),
+        records: () => $xeTable.getCheckboxRecords(),
+        reserves: () => $xeTable.getCheckboxReserveRecords(),
+        indeterminates: () => $xeTable.getCheckboxIndeterminateRecords(),
         checked: value
       }, evnt);
     }
@@ -11909,6 +12182,7 @@ const Methods = {
       reserve
     } = checkboxOpts;
     const childrenField = treeOpts.children || treeOpts.childrenField;
+    // indeterminateField 仅支持读取
     const indeterminateField = checkboxOpts.indeterminateField || checkboxOpts.halfField;
     if (checkField) {
       const handleClearChecked = item => {
@@ -12184,12 +12458,14 @@ const Methods = {
   },
   triggerHeaderCellClickEvent(evnt, params) {
     const $xeTable = this;
+    const props = $xeTable;
     const internalData = $xeTable;
     const {
       _lastResizeTime
     } = internalData;
     const sortOpts = $xeTable.computeSortOpts;
     const columnOpts = $xeTable.computeColumnOpts;
+    const currentColumnOpts = $xeTable.computeCurrentColumnOpts;
     const {
       column
     } = params;
@@ -12206,7 +12482,7 @@ const Methods = {
       triggerFilter,
       cell
     }, params), evnt);
-    if (columnOpts.isCurrent || $xeTable.highlightCurrentColumn) {
+    if ((columnOpts.isCurrent || props.highlightCurrentColumn) && (!currentColumnOpts.trigger || ['header', 'default'].includes(currentColumnOpts.trigger))) {
       $xeTable.triggerCurrentColumnEvent(evnt, params);
     }
     return $xeTable.$nextTick();
@@ -12224,13 +12500,25 @@ const Methods = {
    * @param {ColumnInfo} fieldOrColumn 列配置
    */
   setCurrentColumn(fieldOrColumn) {
-    const column = handleFieldOrColumn(this, fieldOrColumn);
+    const $xeTable = this;
+    const props = $xeTable;
+    const reactData = $xeTable;
+    const {
+      mouseConfig
+    } = props;
+    const mouseOpts = $xeTable.computeMouseOpts;
+    const isMouseSelected = mouseConfig && mouseOpts.selected;
+    const column = handleFieldOrColumn($xeTable, fieldOrColumn);
     if (column) {
-      // this.clearCurrentRow()
-      this.clearCurrentColumn();
-      this.currentColumn = column;
+      $xeTable.clearCurrentColumn();
+      reactData.currentColumn = column;
     }
-    return this.$nextTick();
+    return $xeTable.$nextTick().then(() => {
+      // 更新状选中态
+      if (isMouseSelected) {
+        $xeTable.addCellSelectedClass();
+      }
+    });
   },
   /**
    * 用于当前列，手动清空当前高亮的状态
@@ -12239,21 +12527,6 @@ const Methods = {
     this.currentColumn = null;
     return this.$nextTick();
   },
-  checkValidate(type) {
-    if (this.triggerValidate) {
-      return this.triggerValidate(type);
-    }
-    return this.$nextTick();
-  },
-  /**
-   * 当单元格发生改变时
-   * 如果存在规则，则校验
-   */
-  handleChangeCell(evnt, params) {
-    this.checkValidate('blur').catch(e => e).then(() => {
-      this.handleEdit(params, evnt).then(() => this.checkValidate('change')).catch(e => e);
-    });
-  },
   /**
    * 列点击事件
    * 如果是单击模式，则激活为编辑状态
@@ -12265,6 +12538,7 @@ const Methods = {
     const reactData = $xeTable;
     const {
       highlightCurrentRow,
+      highlightCurrentColumn,
       editConfig
     } = props;
     const {
@@ -12281,6 +12555,8 @@ const Methods = {
     const checkboxOpts = $xeTable.computeCheckboxOpts;
     const keyboardOpts = $xeTable.computeKeyboardOpts;
     const rowOpts = $xeTable.computeRowOpts;
+    const columnOpts = $xeTable.computeColumnOpts;
+    const currentColumnOpts = $xeTable.computeCurrentColumnOpts;
     const {
       actived,
       focused
@@ -12311,11 +12587,11 @@ const Methods = {
     if (!triggerCheckbox && !triggerRadio) {
       // 如果是展开行
       if (!triggerExpandNode && (expandOpts.trigger === 'row' || isExpandType && expandOpts.trigger === 'cell')) {
-        this.triggerRowExpandEvent(evnt, params);
+        $xeTable.triggerRowExpandEvent(evnt, params);
       }
       // 如果是树形表格
       if (treeOpts.trigger === 'row' || treeNode && treeOpts.trigger === 'cell') {
-        this.triggerTreeExpandEvent(evnt, params);
+        $xeTable.triggerTreeExpandEvent(evnt, params);
       }
     }
     // 如果点击了树节点
@@ -12324,16 +12600,22 @@ const Methods = {
         // 如果是高亮行
         if (rowOpts.isCurrent || highlightCurrentRow) {
           if (!triggerCheckbox && !triggerRadio) {
-            this.triggerCurrentRowEvent(evnt, params);
+            $xeTable.triggerCurrentRowEvent(evnt, params);
+          }
+        }
+        // 如果是当前列
+        if ((columnOpts.isCurrent || highlightCurrentColumn) && (!currentColumnOpts.trigger || ['cell', 'default'].includes(currentColumnOpts.trigger))) {
+          if (!triggerCheckbox && !triggerRadio) {
+            $xeTable.triggerCurrentColumnEvent(evnt, params);
           }
         }
         // 如果是单选框
         if (!triggerRadio && (radioOpts.trigger === 'row' || isRadioType && radioOpts.trigger === 'cell')) {
-          this.triggerRadioRowEvent(evnt, params);
+          $xeTable.triggerRadioRowEvent(evnt, params);
         }
         // 如果是复选框
         if (!triggerCheckbox && (checkboxOpts.trigger === 'row' || isCheckboxType && checkboxOpts.trigger === 'cell')) {
-          this.handleToggleCheckRowEvent(evnt, params);
+          $xeTable.handleToggleCheckRowEvent(evnt, params);
         }
       }
       // 如果设置了单元格选中功能，则不会使用点击事件去处理（只能支持双击模式）
@@ -12345,14 +12627,14 @@ const Methods = {
         }
         if (editOpts.trigger === 'manual') {
           if (actived.args && actived.row === row && column !== actived.column) {
-            this.handleChangeCell(evnt, params);
+            handleChangeCell($xeTable, evnt, params);
           }
         } else if (!actived.args || row !== actived.row || column !== actived.column) {
           if (editOpts.trigger === 'click') {
-            this.handleChangeCell(evnt, params);
+            handleChangeCell($xeTable, evnt, params);
           } else if (editOpts.trigger === 'dblclick') {
             if (editOpts.mode === 'row' && actived.row === row) {
-              this.handleChangeCell(evnt, params);
+              handleChangeCell($xeTable, evnt, params);
             }
           }
         }
@@ -12372,7 +12654,7 @@ const Methods = {
         }
       }
     }
-    this.emitEvent('cell-click', params, evnt);
+    $xeTable.dispatchEvent('cell-click', params, evnt);
   },
   /**
    * 列双击点击事件
@@ -12403,11 +12685,11 @@ const Methods = {
     if (isEnableConf(editConfig) && editOpts.trigger === 'dblclick') {
       if (!actived.args || evnt.currentTarget !== actived.args.cell) {
         if (editOpts.mode === 'row') {
-          this.checkValidate('blur').catch(e => e).then(() => {
-            this.handleEdit(params, evnt).then(() => this.checkValidate('change')).catch(e => e);
+          checkValidate($xeTable, 'blur').catch(e => e).then(() => {
+            this.handleEdit(params, evnt).then(() => checkValidate($xeTable, 'change')).catch(e => e);
           });
         } else if (editOpts.mode === 'cell') {
-          this.handleEdit(params, evnt).then(() => this.checkValidate('change')).catch(e => e);
+          this.handleEdit(params, evnt).then(() => checkValidate($xeTable, 'change')).catch(e => e);
         }
       }
     }
@@ -12682,6 +12964,9 @@ const Methods = {
     } = internalData;
     const dEndMethod = dragEndMethod || (dragConfig ? dragConfig.dragEndMethod : null);
     const dragOffsetIndex = prevDragPos === 'bottom' ? 1 : 0;
+    const errRest = {
+      status: false
+    };
     if (prevDragRow && dragRow) {
       // 判断是否有拖动
       if (prevDragRow !== dragRow) {
@@ -12696,7 +12981,7 @@ const Methods = {
         const isDragToChildFlag = isSelfToChildDrag && dragToChildMethod ? dragToChildMethod(dragParams) : prevDragToChild;
         return Promise.resolve(dEndMethod ? dEndMethod(dragParams) : true).then(status => {
           if (!status) {
-            return;
+            return errRest;
           }
           let oafIndex = -1;
           let nafIndex = -1;
@@ -12727,11 +13012,11 @@ const Methods = {
                   if (isPeerDrag && !isCrossDrag) {
                     if (oldRest.row[parentField] !== newRest.row[parentField]) {
                       // 非同级
-                      return;
+                      return errRest;
                     }
                   } else {
                     if (!isCrossDrag) {
-                      return;
+                      return errRest;
                     }
                     if (oldAllMaps[newRowid]) {
                       isSelfToChildStatus = true;
@@ -12742,19 +13027,19 @@ const Methods = {
                             content: methods_getI18n('vxe.error.treeDragChild')
                           });
                         }
-                        return;
+                        return errRest;
                       }
                     }
                   }
                 } else if (oldLevel) {
                   // 子到根
                   if (!isCrossDrag) {
-                    return;
+                    return errRest;
                   }
                 } else if (newLevel) {
                   // 根到子
                   if (!isCrossDrag) {
-                    return;
+                    return errRest;
                   }
                   if (oldAllMaps[newRowid]) {
                     isSelfToChildStatus = true;
@@ -12765,7 +13050,7 @@ const Methods = {
                           content: methods_getI18n('vxe.error.treeDragChild')
                         });
                       }
-                      return;
+                      return errRest;
                     }
                   }
                 } else {
@@ -12823,26 +13108,34 @@ const Methods = {
           if (reactData.scrollYLoad) {
             $xeTable.updateScrollYSpace();
           }
-          $xeTable.$nextTick().then(() => {
+          if (evnt) {
+            $xeTable.dispatchEvent('row-dragend', {
+              oldRow: dragRow,
+              newRow: prevDragRow,
+              dragRow,
+              dragPos: prevDragPos,
+              dragToChild: isDragToChildFlag,
+              offsetIndex: dragOffsetIndex,
+              _index: {
+                newIndex: nafIndex,
+                oldIndex: oafIndex
+              }
+            }, evnt);
+          }
+          return $xeTable.$nextTick().then(() => {
             $xeTable.updateCellAreas();
             $xeTable.recalculate();
+          }).then(() => {
+            return {
+              status: true
+            };
           });
-          $xeTable.dispatchEvent('row-dragend', {
-            oldRow: dragRow,
-            newRow: prevDragRow,
-            dragRow,
-            dragPos: prevDragPos,
-            dragToChild: isDragToChildFlag,
-            offsetIndex: dragOffsetIndex,
-            _index: {
-              newIndex: nafIndex,
-              oldIndex: oafIndex
-            }
-          }, evnt);
-        }).catch(() => {});
+        }).catch(() => {
+          return errRest;
+        });
       }
     }
-    return Promise.resolve();
+    return Promise.resolve(errRest);
   },
   handleRowDragDragendEvent(evnt) {
     const $xeTable = this;
@@ -13028,6 +13321,9 @@ const Methods = {
       collectColumn
     } = internalData;
     const dragOffsetIndex = prevDragPos === 'right' ? 1 : 0;
+    const errRest = {
+      status: false
+    };
     if (prevDragCol && dragCol) {
       // 判断是否有拖动
       if (prevDragCol !== dragCol) {
@@ -13044,7 +13340,7 @@ const Methods = {
         const isDragToChildFlag = isSelfToChildDrag && dragToChildMethod ? dragToChildMethod(dragParams) : prevDragToChild;
         return Promise.resolve(dragEndMethod ? dragEndMethod(dragParams) : true).then(status => {
           if (!status) {
-            return;
+            return errRest;
           }
           let oafIndex = -1;
           let nafIndex = -1;
@@ -13058,11 +13354,11 @@ const Methods = {
             if (isPeerDrag && !isCrossDrag) {
               if (dragColumn.parentId !== newColumn.parentId) {
                 // 非同级
-                return;
+                return errRest;
               }
             } else {
               if (!isCrossDrag) {
-                return;
+                return errRest;
               }
               if (oldAllMaps[newColumn.id]) {
                 isSelfToChildStatus = true;
@@ -13073,19 +13369,19 @@ const Methods = {
                       content: methods_getI18n('vxe.error.treeDragChild')
                     });
                   }
-                  return;
+                  return errRest;
                 }
               }
             }
           } else if (dragColumn.parentId) {
             // 子到根
             if (!isCrossDrag) {
-              return;
+              return errRest;
             }
           } else if (newColumn.parentId) {
             // 根到子
             if (!isCrossDrag) {
-              return;
+              return errRest;
             }
             if (oldAllMaps[newColumn.id]) {
               isSelfToChildStatus = true;
@@ -13096,7 +13392,7 @@ const Methods = {
                     content: methods_getI18n('vxe.error.treeDragChild')
                   });
                 }
-                return;
+                return errRest;
               }
             }
           } else {
@@ -13165,25 +13461,32 @@ const Methods = {
               $xeTable.clearCopyCellArea();
             }
           }
-          $xeTable.dispatchEvent('column-dragend', {
-            oldColumn: dragColumn,
-            newColumn,
-            dragColumn,
-            dragPos: prevDragPos,
-            dragToChild: isDragToChildFlag,
-            offsetIndex: dragOffsetIndex,
-            _index: {
-              newIndex: nafIndex,
-              oldIndex: oafIndex
-            }
-          }, evnt);
+          if (evnt) {
+            $xeTable.dispatchEvent('column-dragend', {
+              oldColumn: dragColumn,
+              newColumn,
+              dragColumn,
+              dragPos: prevDragPos,
+              dragToChild: isDragToChildFlag,
+              offsetIndex: dragOffsetIndex,
+              _index: {
+                newIndex: nafIndex,
+                oldIndex: oafIndex
+              }
+            }, evnt);
+          }
           if (isSyncColumn) {
             $xeTable.handleColDragSwapColumn();
           }
-        }).catch(() => {});
+          return {
+            status: true
+          };
+        }).catch(() => {
+          return errRest;
+        });
       }
     }
-    return Promise.resolve();
+    return Promise.resolve(errRest);
   },
   handleHeaderCellDragDragendEvent(evnt) {
     const $xeTable = this;
@@ -13580,9 +13883,11 @@ const Methods = {
    * @param {Event} evnt 事件
    */
   closeFilter() {
+    const $xeTable = this;
+    const reactData = $xeTable;
     const {
       filterStore
-    } = this;
+    } = reactData;
     const {
       column,
       visible
@@ -13594,15 +13899,15 @@ const Methods = {
       visible: false
     });
     if (visible) {
-      this.emitEvent('filter-visible', {
+      $xeTable.dispatchEvent('filter-visible', {
         column,
         field: column.field,
         property: column.field,
-        filterList: this.getCheckedFilters(),
+        filterList: () => $xeTable.getCheckedFilters(),
         visible: false
       }, null);
     }
-    return this.$nextTick();
+    return $xeTable.$nextTick();
   },
   /**
    * 判断指定列是否为筛选状态，如果为空则判断所有列
@@ -14807,11 +15112,12 @@ const Methods = {
     } = tableProps;
     const {
       scrollXLoad,
-      scrollYLoad
+      scrollYLoad,
+      expandColumn
     } = reactData;
     const leftFixedWidth = $xeTable.computeLeftFixedWidth;
     const rightFixedWidth = $xeTable.computeRightFixedWidth;
-    if (!(scrollYLoad || leftFixedWidth || rightFixedWidth)) {
+    if (!(scrollYLoad || leftFixedWidth || rightFixedWidth || expandColumn)) {
       return;
     }
     const {
@@ -15881,6 +16187,7 @@ function renderTdColumn(h, _vm, seq, rowid, fixedType, isOptimizeMode, rowLevel,
   tdOns.dblclick = evnt => {
     $xeTable.triggerCellDblclickEvent(evnt, cellParams);
   };
+  let isMergeCell = false;
   // 合并行或列
   if (mergeList.length) {
     const spanRest = mergeBodyMethod(mergeList, _rowIndex, _columnIndex);
@@ -15893,9 +16200,11 @@ function renderTdColumn(h, _vm, seq, rowid, fixedType, isOptimizeMode, rowLevel,
         return null;
       }
       if (rowspan > 1) {
+        isMergeCell = true;
         tdAttrs.rowspan = rowspan;
       }
       if (colspan > 1) {
+        isMergeCell = true;
         tdAttrs.colspan = colspan;
       }
     }
@@ -15930,11 +16239,13 @@ function renderTdColumn(h, _vm, seq, rowid, fixedType, isOptimizeMode, rowLevel,
   const isLastColumn = $columnIndex === columns.length - 1;
   const isAutoCellWidth = !column.resizeWidth && (column.minWidth === 'auto' || column.width === 'auto');
   let isVNPreEmptyStatus = false;
-  if (!dragRow || getRowid($xeTable, dragRow) !== rowid) {
-    if (scrollYLoad && (_rowIndex < scrollYStore.visibleStartIndex - scrollYStore.preloadSize || _rowIndex > scrollYStore.visibleEndIndex + scrollYStore.preloadSize)) {
-      isVNPreEmptyStatus = true;
-    } else if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
-      isVNPreEmptyStatus = true;
+  if (!isMergeCell) {
+    if (!dragRow || getRowid($xeTable, dragRow) !== rowid) {
+      if (scrollYLoad && (_rowIndex < scrollYStore.visibleStartIndex - scrollYStore.preloadSize || _rowIndex > scrollYStore.visibleEndIndex + scrollYStore.preloadSize)) {
+        isVNPreEmptyStatus = true;
+      } else if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
+        isVNPreEmptyStatus = true;
+      }
     }
   }
   const tcStyle = {};
@@ -16380,7 +16691,7 @@ function renderRows(h, _vm, fixedType, isOptimizeMode, tableData, tableColumn) {
         isOptimizeMode = true;
       }
     }
-    if (fixedType || !overflowX) {
+    if (!isColLoading && (fixedType || !overflowX)) {
       renderColumnList = visibleColumn;
     }
     if (fixedType) {
@@ -16867,6 +17178,7 @@ function renderHeads(h, _vm, isGroup, isOptimizeMode, headerGroups) {
     } = tableProps;
     const {
       isGroup,
+      isColLoading,
       overflowX,
       scrollXLoad,
       scrollYLoad,
@@ -16891,7 +17203,7 @@ function renderHeads(h, _vm, isGroup, isOptimizeMode, headerGroups) {
           isOptimizeMode = true;
         }
       }
-      if (fixedType || !overflowX) {
+      if (!isColLoading && (fixedType || !overflowX)) {
         renderColumnList = visibleColumn;
       }
       if (fixedType) {
@@ -17150,6 +17462,7 @@ function footer_renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex,
         cell: evnt.currentTarget
       }, cellParams), evnt);
     };
+    let isMergeCell = false;
     // 合并行或列
     if (mergeFooterList.length) {
       const spanRest = mergeFooterMethod(mergeFooterList, _rowIndex, _columnIndex);
@@ -17162,9 +17475,11 @@ function footer_renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex,
           return null;
         }
         if (rowspan > 1) {
+          isMergeCell = true;
           attrs.rowspan = rowspan;
         }
         if (colspan > 1) {
+          isMergeCell = true;
           attrs.colspan = colspan;
         }
       }
@@ -17187,8 +17502,10 @@ function footer_renderRows(h, _vm, tableColumn, footerTableData, row, $rowIndex,
     const isLastColumn = $columnIndex === tableColumn.length - 1;
     const isAutoCellWidth = !column.resizeWidth && (column.minWidth === 'auto' || column.width === 'auto');
     let isVNPreEmptyStatus = false;
-    if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
-      isVNPreEmptyStatus = true;
+    if (!isMergeCell) {
+      if (scrollXLoad && !column.fixed && (_columnIndex < scrollXStore.visibleStartIndex - scrollXStore.preloadSize || _columnIndex > scrollXStore.visibleEndIndex + scrollXStore.preloadSize)) {
+        isVNPreEmptyStatus = true;
+      }
     }
     const tcStyle = {};
     if (hasEllipsis) {
@@ -17367,6 +17684,7 @@ function footer_renderHeads(h, _vm, renderColumnList) {
     } = tableInternalData;
     const {
       isGroup,
+      isColLoading,
       overflowX,
       scrollXLoad,
       scrollYLoad,
@@ -17382,7 +17700,7 @@ function footer_renderHeads(h, _vm, renderColumnList) {
         isOptimizeMode = true;
       }
     }
-    if (fixedType || !overflowX) {
+    if (!isColLoading && (fixedType || !overflowX)) {
       renderColumnList = visibleColumn;
     }
     if (fixedType) {
@@ -17649,6 +17967,8 @@ const {
   resizeConfig: Object,
   // 列配置信息
   columnConfig: Object,
+  // 当前列配置信息
+  currentColumnConfig: Object,
   // 单元格配置信息
   cellConfig: Object,
   // 表头单元格配置信息
@@ -17657,6 +17977,8 @@ const {
   footerCellConfig: Object,
   // 行配置信息
   rowConfig: Object,
+  // 当前行配置信息
+  currentRowConfig: Object,
   // 已废弃，被 rowDragConfig 替换
   dragConfig: Object,
   // 行拖拽排序配置项
@@ -18997,11 +19319,17 @@ const {
       const rtFilter = compConf ? compConf.renderTableFilter || compConf.renderFilter : null;
       if (filterSlot) {
         return [h('div', {
-          class: 'vxe-table--filter-template'
+          class: 'vxe-table--filter-template',
+          style: maxHeight ? {
+            maxHeight: `${maxHeight}px`
+          } : {}
         }, $xeTable.callSlot(filterSlot, params, h))];
       } else if (rtFilter) {
         return [h('div', {
-          class: 'vxe-table--filter-template'
+          class: 'vxe-table--filter-template',
+          style: maxHeight ? {
+            maxHeight: `${maxHeight}px`
+          } : {}
         }, getSlotVNs(rtFilter.call($xeTable, h, filterRender, params)))];
       }
       const isAllChecked = multiple ? filterStore.isAllSelected : !filterStore.options.some(item => item._checked);
@@ -24021,18 +24349,27 @@ function getCheckboxRangeRows($xeTable, evnt, params, targetTrElem, trRect, offs
   methods: {
     // 处理 Tab 键移动
     moveTabSelected(args, isLeft, evnt) {
+      const $xeTable = this;
+      const props = $xeTable;
+      const internalData = $xeTable;
+      const {
+        editConfig
+      } = props;
       const {
         afterFullData,
-        visibleColumn,
-        editConfig,
-        editOpts
-      } = this;
+        visibleColumn
+      } = internalData;
+      const editOpts = $xeTable.computeEditOpts;
+      const rowOpts = $xeTable.computeRowOpts;
+      const currentRowOpts = $xeTable.computeCurrentRowOpts;
+      const columnOpts = $xeTable.computeColumnOpts;
+      const currentColumnOpts = $xeTable.computeCurrentColumnOpts;
       let targetRow;
       let targetRowIndex;
       let targetColumnIndex;
       const params = Object.assign({}, args);
-      const _rowIndex = this.getVTRowIndex(params.row);
-      const _columnIndex = this.getVTColumnIndex(params.column);
+      const _rowIndex = $xeTable.getVTRowIndex(params.row);
+      const _columnIndex = $xeTable.getVTColumnIndex(params.column);
       evnt.preventDefault();
       if (isLeft) {
         // 向左
@@ -24068,31 +24405,48 @@ function getCheckboxRangeRows($xeTable, evnt, params, targetTrElem, trRect, offs
         }
         params.columnIndex = targetColumnIndex;
         params.column = targetColumn;
-        params.cell = this.getCellElement(params.row, params.column);
+        params.cell = $xeTable.getCellElement(params.row, params.column);
+        if (rowOpts.isCurrent && currentRowOpts.isFollowSelected) {
+          $xeTable.triggerCurrentRowEvent(evnt, params);
+        }
+        if (columnOpts.isCurrent && currentColumnOpts.isFollowSelected) {
+          $xeTable.triggerCurrentColumnEvent(evnt, params);
+        }
         if (editConfig) {
           if (editOpts.trigger === 'click' || editOpts.trigger === 'dblclick') {
             if (editOpts.mode === 'row') {
-              this.handleEdit(params, evnt);
+              $xeTable.handleEdit(params, evnt);
             } else {
-              this.scrollToRow(params.row, params.column).then(() => this.handleSelected(params, evnt));
+              $xeTable.scrollToRow(params.row, params.column).then(() => {
+                $xeTable.handleSelected(params, evnt);
+              });
             }
           }
         } else {
-          this.scrollToRow(params.row, params.column).then(() => this.handleSelected(params, evnt));
+          $xeTable.scrollToRow(params.row, params.column).then(() => {
+            $xeTable.handleSelected(params, evnt);
+          });
         }
       }
     },
     // 处理当前行方向键移动
     moveCurrentRow(isUpArrow, isDwArrow, evnt) {
+      const $xeTable = this;
+      const props = $xeTable;
+      const reactData = $xeTable;
+      const internalData = $xeTable;
+      const {
+        treeConfig
+      } = props;
+      const {
+        currentRow
+      } = reactData;
       const {
-        currentRow,
-        treeConfig,
-        treeOpts,
         afterFullData
-      } = this;
+      } = internalData;
+      const treeOpts = $xeTable.computeTreeOpts;
       const childrenField = treeOpts.children || treeOpts.childrenField;
       let targetRow;
-      evnt.preventDefault();
       if (currentRow) {
         if (treeConfig) {
           const {
@@ -24107,7 +24461,7 @@ function getCheckboxRangeRows($xeTable, evnt, params, targetTrElem, trRect, offs
             targetRow = items[index + 1];
           }
         } else {
-          const _rowIndex = this.getVTRowIndex(currentRow);
+          const _rowIndex = $xeTable.getVTRowIndex(currentRow);
           if (isUpArrow && _rowIndex > 0) {
             targetRow = afterFullData[_rowIndex - 1];
           } else if (isDwArrow && _rowIndex < afterFullData.length - 1) {
@@ -24118,22 +24472,60 @@ function getCheckboxRangeRows($xeTable, evnt, params, targetTrElem, trRect, offs
         targetRow = afterFullData[0];
       }
       if (targetRow) {
+        evnt.preventDefault();
         const params = {
-          $table: this,
-          row: targetRow
+          $table: $xeTable,
+          row: targetRow,
+          rowIndex: $xeTable.getRowIndex(targetRow),
+          $rowIndex: $xeTable.getVMRowIndex(targetRow)
+        };
+        $xeTable.scrollToRow(targetRow).then(() => $xeTable.triggerCurrentRowEvent(evnt, params));
+      }
+    },
+    // 处理当前列方向键移动
+    moveCurrentColumn(isLeftArrow, isRightArrow, evnt) {
+      const $xeTable = this;
+      const reactData = $xeTable;
+      const internalData = $xeTable;
+      const {
+        currentColumn
+      } = reactData;
+      const {
+        visibleColumn
+      } = internalData;
+      let targetCol = null;
+      if (currentColumn) {
+        const _columnIndex = $xeTable.getVTColumnIndex(currentColumn);
+        if (isLeftArrow && _columnIndex > 0) {
+          targetCol = visibleColumn[_columnIndex - 1];
+        } else if (isRightArrow && _columnIndex < visibleColumn.length - 1) {
+          targetCol = visibleColumn[_columnIndex + 1];
+        }
+      } else {
+        targetCol = visibleColumn[0];
+      }
+      if (targetCol) {
+        evnt.preventDefault();
+        const params = {
+          $table: $xeTable,
+          column: targetCol,
+          columnIndex: $xeTable.getColumnIndex(targetCol),
+          $columnIndex: $xeTable.getVMColumnIndex(targetCol)
         };
-        this.scrollToRow(targetRow).then(() => this.triggerCurrentRowEvent(evnt, params));
+        $xeTable.scrollToColumn(targetCol).then(() => $xeTable.triggerCurrentColumnEvent(evnt, params));
       }
     },
     // 处理可编辑方向键移动
     moveSelected(args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt) {
+      const $xeTable = this;
+      const internalData = $xeTable;
       const {
         afterFullData,
         visibleColumn
-      } = this;
+      } = internalData;
       const params = Object.assign({}, args);
-      const _rowIndex = this.getVTRowIndex(params.row);
-      const _columnIndex = this.getVTColumnIndex(params.column);
+      const _rowIndex = $xeTable.getVTRowIndex(params.row);
+      const _columnIndex = $xeTable.getVTColumnIndex(params.column);
       evnt.preventDefault();
       if (isUpArrow && _rowIndex > 0) {
         // 移动到上一行
@@ -24152,9 +24544,9 @@ function getCheckboxRangeRows($xeTable, evnt, params, targetTrElem, trRect, offs
         params.columnIndex = _columnIndex + 1;
         params.column = visibleColumn[params.columnIndex];
       }
-      this.scrollToRow(params.row, params.column).then(() => {
-        params.cell = this.getCellElement(params.row, params.column);
-        this.handleSelected(params, evnt);
+      $xeTable.scrollToRow(params.row, params.column).then(() => {
+        params.cell = $xeTable.getCellElement(params.row, params.column);
+        $xeTable.handleSelected(params, evnt);
       });
     },
     handleCellMousedownEvent(evnt, params) {
@@ -26074,7 +26466,14 @@ function renderBody(h, $xeTable) {
       return this.computeColumnOpts;
     },
     computeColumnOpts() {
-      return Object.assign({}, table_getConfig().table.columnConfig, this.columnConfig);
+      const $xeTable = this;
+      const props = $xeTable;
+      return Object.assign({}, table_getConfig().table.columnConfig, props.columnConfig);
+    },
+    computeCurrentColumnOpts() {
+      const $xeTable = this;
+      const props = $xeTable;
+      return Object.assign({}, table_getConfig().table.currentColumnConfig, props.currentColumnConfig);
     },
     computeCellOpts() {
       const $xeTable = this;
@@ -26095,7 +26494,14 @@ function renderBody(h, $xeTable) {
       return this.computeRowOpts;
     },
     computeRowOpts() {
-      return Object.assign({}, table_getConfig().table.rowConfig, this.rowConfig);
+      const $xeTable = this;
+      const props = $xeTable;
+      return Object.assign({}, table_getConfig().table.rowConfig, props.rowConfig);
+    },
+    computeCurrentRowOpts() {
+      const $xeTable = this;
+      const props = $xeTable;
+      return Object.assign({}, table_getConfig().table.currentRowConfig, props.currentRowConfig);
     },
     computeRowDragOpts() {
       return Object.assign({}, table_getConfig().table.rowDragConfig, this.rowDragConfig);
@@ -26119,27 +26525,35 @@ function renderBody(h, $xeTable) {
       return this.computeSeqOpts;
     },
     computeSeqOpts() {
+      const $xeTable = this;
+      const props = $xeTable;
       return Object.assign({
         startIndex: 0
-      }, table_getConfig().table.seqConfig, this.seqConfig);
+      }, table_getConfig().table.seqConfig, props.seqConfig);
     },
     radioOpts() {
       return this.computeRadioOpts;
     },
     computeRadioOpts() {
-      return Object.assign({}, table_getConfig().table.radioConfig, this.radioConfig);
+      const $xeTable = this;
+      const props = $xeTable;
+      return Object.assign({}, table_getConfig().table.radioConfig, props.radioConfig);
     },
     checkboxOpts() {
       return this.computeCheckboxOpts;
     },
     computeCheckboxOpts() {
-      return Object.assign({}, table_getConfig().table.checkboxConfig, this.checkboxConfig);
+      const $xeTable = this;
+      const props = $xeTable;
+      return Object.assign({}, table_getConfig().table.checkboxConfig, props.checkboxConfig);
     },
     tooltipOpts() {
       return this.computeTooltipOpts;
     },
     computeTooltipOpts() {
-      return Object.assign({}, table_getConfig().tooltip, table_getConfig().table.tooltipConfig, this.tooltipConfig);
+      const $xeTable = this;
+      const props = $xeTable;
+      return Object.assign({}, table_getConfig().tooltip, table_getConfig().table.tooltipConfig, props.tooltipConfig);
     },
     tipConfig() {
       return {
@@ -28123,6 +28537,24 @@ function getFuncSlot($xeGrid, optSlots, slotKey) {
   }
   return null;
 }
+const getConfigSlot = ($xeGrid, slotConfigs) => {
+  const slots = $xeGrid.$scopedSlots;
+  const slotConf = {};
+  external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().objectMap(slotConfigs, (slotFunc, slotKey) => {
+    if (slotFunc) {
+      if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(slotFunc)) {
+        if (slots[slotFunc]) {
+          slotConf[slotKey] = slots[slotFunc];
+        } else {
+          errLog('vxe.error.notSlot', [slotFunc]);
+        }
+      } else {
+        slotConf[slotKey] = slotFunc;
+      }
+    }
+  });
+  return slotConf;
+};
 function getToolbarSlots(_vm) {
   const {
     $scopedSlots,
@@ -28152,26 +28584,6 @@ function getToolbarSlots(_vm) {
   }
   return slots;
 }
-function getPagerSlots(_vm) {
-  const {
-    pagerOpts
-  } = _vm;
-  const pagerOptSlots = pagerOpts.slots;
-  const slots = {};
-  let leftSlot;
-  let rightSlot;
-  if (pagerOptSlots) {
-    leftSlot = getFuncSlot(_vm, pagerOptSlots, 'left');
-    rightSlot = getFuncSlot(_vm, pagerOptSlots, 'right');
-    if (leftSlot) {
-      slots.left = leftSlot;
-    }
-    if (rightSlot) {
-      slots.right = rightSlot;
-    }
-  }
-  return slots;
-}
 function getTableOns(_vm) {
   const {
     $listeners,
@@ -28194,6 +28606,30 @@ function getTableOns(_vm) {
   }
   return ons;
 }
+function pageChangeEvent($xeGrid, params) {
+  const props = $xeGrid;
+  const reactData = $xeGrid;
+  const {
+    proxyConfig
+  } = props;
+  const {
+    tablePage
+  } = reactData;
+  const {
+    $event,
+    currentPage,
+    pageSize
+  } = params;
+  const proxyOpts = $xeGrid.computeProxyOpts;
+  tablePage.currentPage = currentPage;
+  tablePage.pageSize = pageSize;
+  $xeGrid.dispatchEvent('page-change', params, $event);
+  if (proxyConfig && isEnableConf(proxyOpts)) {
+    $xeGrid.commitProxy('query').then(rest => {
+      $xeGrid.dispatchEvent('proxy-query', rest, $event);
+    });
+  }
+}
 /**
  * 渲染表单
  */
@@ -28331,32 +28767,34 @@ function renderBottom(h, _vm) {
 function renderPager(h, $xeGrid) {
   const VxeUIPagerComponent = core_.VxeUI.getComponent('VxePager');
   const props = $xeGrid;
+  const slots = $xeGrid.$scopedSlots;
+  const reactData = $xeGrid;
   const {
-    pagerConfig,
-    proxyConfig
+    proxyConfig,
+    pagerConfig
   } = props;
-  const {
-    $scopedSlots,
-    tablePage
-  } = $xeGrid;
-  const pagerSlot = $scopedSlots.pager;
-  const hasPager = !!(pagerSlot || isEnableConf(pagerConfig));
-  if (hasPager) {
+  const proxyOpts = $xeGrid.computeProxyOpts;
+  const pagerOpts = $xeGrid.computePagerOpts;
+  const pagerSlot = slots.pager;
+  if (pagerConfig && isEnableConf(pagerOpts) || slots.pager) {
     return h('div', {
-      key: 'pager',
       ref: 'refPagerWrapper',
+      key: 'pager',
       class: 'vxe-grid--pager-wrapper'
     }, pagerSlot ? pagerSlot.call($xeGrid, {
       $grid: $xeGrid
-    }, h) : [VxeUIPagerComponent ? h(VxeUIPagerComponent, {
+    }) : [VxeUIPagerComponent ? h(VxeUIPagerComponent, {
+      ref: 'refPager',
       props: {
-        ...$xeGrid.pagerOpts,
-        ...(proxyConfig ? tablePage : {})
+        ...pagerOpts,
+        ...(proxyConfig && isEnableConf(proxyOpts) ? reactData.tablePage : {})
       },
       on: {
-        'page-change': $xeGrid.pageChangeEvent
+        'page-change'(params) {
+          pageChangeEvent($xeGrid, params);
+        }
       },
-      scopedSlots: getPagerSlots($xeGrid)
+      scopedSlots: getConfigSlot($xeGrid, pagerOpts.slots)
     }) : grid_renderEmptyElement($xeGrid)]);
   }
   return grid_renderEmptyElement($xeGrid);
@@ -28708,6 +29146,10 @@ Object.keys(table.methods).forEach(name => {
       }
       return [];
     },
+    getEl() {
+      const $xeGrid = this;
+      return $xeGrid.$refs.refElem;
+    },
     /**
      * 获取需要排除的高度
      */
@@ -28718,20 +29160,25 @@ Object.keys(table.methods).forEach(name => {
         isZMax
       } = reactData;
       const el = $xeGrid.$refs.refElem;
-      const formWrapper = $xeGrid.$refs.refFormWrapper;
-      const toolbarWrapper = $xeGrid.$refs.refToolbarWrapper;
-      const topWrapper = $xeGrid.$refs.refTopWrapper;
-      const bottomWrapper = $xeGrid.$refs.refBottomWrapper;
-      const pagerWrapper = $xeGrid.$refs.refPagerWrapper;
-      const parentPaddingSize = isZMax ? 0 : getPaddingTopBottomSize(el.parentNode);
-      return parentPaddingSize + getPaddingTopBottomSize(el) + getOffsetHeight(formWrapper) + getOffsetHeight(toolbarWrapper) + getOffsetHeight(topWrapper) + getOffsetHeight(bottomWrapper) + getOffsetHeight(pagerWrapper);
+      if (el) {
+        const formWrapper = $xeGrid.$refs.refFormWrapper;
+        const toolbarWrapper = $xeGrid.$refs.refToolbarWrapper;
+        const topWrapper = $xeGrid.$refs.refTopWrapper;
+        const bottomWrapper = $xeGrid.$refs.refBottomWrapper;
+        const pagerWrapper = $xeGrid.$refs.refPagerWrapper;
+        const parentEl = el.parentElement;
+        const parentPaddingSize = isZMax ? 0 : parentEl ? getPaddingTopBottomSize(parentEl) : 0;
+        return parentPaddingSize + getPaddingTopBottomSize(el) + getOffsetHeight(formWrapper) + getOffsetHeight(toolbarWrapper) + getOffsetHeight(topWrapper) + getOffsetHeight(bottomWrapper) + getOffsetHeight(pagerWrapper);
+      }
+      return 0;
     },
     getParentHeight() {
       const $xeGrid = this;
       const reactData = $xeGrid;
       const el = $xeGrid.$refs.refElem;
       if (el) {
-        return (reactData.isZMax ? getDomNode().visibleHeight : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(getComputedStyle(el.parentNode).height)) - $xeGrid.getExcludeHeight();
+        const parentEl = el.parentElement;
+        return (reactData.isZMax ? getDomNode().visibleHeight : parentEl ? external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(getComputedStyle(parentEl).height) : 0) - $xeGrid.getExcludeHeight();
       }
       return 0;
     },
@@ -28824,6 +29271,8 @@ Object.keys(table.methods).forEach(name => {
      * @param {String/Object} code 字符串或对象
      */
     commitProxy(proxyTarget, ...args) {
+      const $xeGrid = this;
+      const reactData = $xeGrid;
       const {
         $refs,
         toolbar,
@@ -28906,6 +29355,9 @@ Object.keys(table.methods).forEach(name => {
             if (ajaxMethods) {
               const isInited = code === '_init';
               const isReload = code === 'reload';
+              if (!isInited && reactData.tableLoading) {
+                return $xeGrid.$nextTick();
+              }
               let sortList = [];
               let filterList = [];
               let pageParams = {};
@@ -29381,30 +29833,6 @@ Object.keys(table.methods).forEach(name => {
         }
       }
     },
-    pageChangeEvent(params) {
-      const {
-        proxyConfig,
-        tablePage
-      } = this;
-      const {
-        currentPage,
-        pageSize
-      } = params;
-      tablePage.currentPage = currentPage;
-      tablePage.pageSize = pageSize;
-      this.$emit('page-change', Object.assign({
-        $grid: this
-      }, params));
-      if (proxyConfig) {
-        this.commitProxy('query').then(rest => {
-          this.$emit('proxy-query', {
-            ...rest,
-            $grid: this,
-            $event: params.$event
-          });
-        });
-      }
-    },
     sortChangeEvent(params) {
       const {
         $table,
@@ -29454,9 +29882,14 @@ Object.keys(table.methods).forEach(name => {
       }, params));
     },
     submitEvent(params) {
+      const $xeGrid = this;
+      const reactData = $xeGrid;
       const {
         proxyConfig
       } = this;
+      if (reactData.tableLoading) {
+        return;
+      }
       if (proxyConfig) {
         this.commitProxy('reload').then(rest => {
           this.$emit('proxy-query', {
@@ -29613,7 +30046,8 @@ var external_commonjs_vue_commonjs2_vue_root_Vue_default = /*#__PURE__*/__webpac
 const {
   getConfig: render_getConfig,
   renderer: render_renderer,
-  getI18n: render_getI18n
+  getI18n: render_getI18n,
+  getComponent
 } = core_.VxeUI;
 const componentDefaultModelProp = 'value';
 const defaultCompProps = {};
@@ -29651,7 +30085,7 @@ function getOldComponent({
 function getDefaultComponent({
   name
 }) {
-  return name;
+  return getComponent(name) || name;
 }
 function handleConfirmFilter(params, checked, option) {
   const {
@@ -30294,6 +30728,69 @@ function handleExportTreeSelectMethod(params) {
   } = params;
   return options.original ? getCellValue(row, column) : getTreeSelectCellValue(column.editRender || column.cellRender, params);
 }
+function handleNumberCell(h, renderOpts, params) {
+  const {
+    props = {},
+    showNegativeStatus
+  } = renderOpts;
+  const {
+    row,
+    column
+  } = params;
+  const {
+    type
+  } = props;
+  let cellValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, column.field);
+  let isNegative = false;
+  if (!isEmptyValue(cellValue)) {
+    const numberInputConfig = render_getConfig().numberInput || {};
+    if (type === 'float') {
+      const autoFill = handleDefaultValue(props.autoFill, numberInputConfig.autoFill, true);
+      const digits = handleDefaultValue(props.digits, numberInputConfig.digits, 1);
+      cellValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toFixed(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().floor(cellValue, digits), digits);
+      if (!autoFill) {
+        cellValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(cellValue);
+      }
+      if (showNegativeStatus) {
+        if (cellValue < 0) {
+          isNegative = true;
+        }
+      }
+    } else if (type === 'amount') {
+      const autoFill = handleDefaultValue(props.autoFill, numberInputConfig.autoFill, true);
+      const digits = handleDefaultValue(props.digits, numberInputConfig.digits, 2);
+      const showCurrency = handleDefaultValue(props.showCurrency, numberInputConfig.showCurrency, false);
+      cellValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(cellValue);
+      if (showNegativeStatus) {
+        if (cellValue < 0) {
+          isNegative = true;
+        }
+      }
+      cellValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().commafy(cellValue, {
+        digits
+      });
+      if (!autoFill) {
+        const [iStr, dStr] = cellValue.split('.');
+        if (dStr) {
+          const dRest = dStr.replace(/0+$/, '');
+          cellValue = dRest ? [iStr, '.', dRest].join('') : iStr;
+        }
+      }
+      if (showCurrency) {
+        cellValue = `${props.currencySymbol || numberInputConfig.currencySymbol || render_getI18n('vxe.numberInput.currencySymbol') || ''}${cellValue}`;
+      }
+    } else {
+      if (showNegativeStatus) {
+        if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(cellValue) < 0) {
+          isNegative = true;
+        }
+      }
+    }
+  }
+  return getCellLabelVNs(h, renderOpts, params, cellValue, isNegative ? {
+    class: 'is--negative'
+  } : {});
+}
 /**
  * 表格 - 渲染器
  */
@@ -30365,72 +30862,22 @@ render_renderer.mixin({
     renderTableFilter: defaultFilterRender,
     tableFilterDefaultMethod: handleInputFilterMethod
   },
-  VxeNumberInput: {
-    tableAutoFocus: 'input',
-    renderTableEdit: defaultEditRender,
-    renderTableCell(h, renderOpts, params) {
-      const {
-        props = {},
-        showNegativeStatus
-      } = renderOpts;
+  FormatNumberInput: {
+    renderTableDefault: handleNumberCell,
+    tableFilterDefaultMethod: handleInputFilterMethod,
+    tableExportMethod(params) {
       const {
         row,
         column
       } = params;
-      const {
-        type
-      } = props;
-      let cellValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, column.field);
-      let isNegative = false;
-      if (!isEmptyValue(cellValue)) {
-        const numberInputConfig = render_getConfig().numberInput || {};
-        if (type === 'float') {
-          const autoFill = handleDefaultValue(props.autoFill, numberInputConfig.autoFill, true);
-          const digits = handleDefaultValue(props.digits, numberInputConfig.digits, 1);
-          cellValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toFixed(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().floor(cellValue, digits), digits);
-          if (!autoFill) {
-            cellValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(cellValue);
-          }
-          if (showNegativeStatus) {
-            if (cellValue < 0) {
-              isNegative = true;
-            }
-          }
-        } else if (type === 'amount') {
-          const autoFill = handleDefaultValue(props.autoFill, numberInputConfig.autoFill, true);
-          const digits = handleDefaultValue(props.digits, numberInputConfig.digits, 2);
-          const showCurrency = handleDefaultValue(props.showCurrency, numberInputConfig.showCurrency, false);
-          cellValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(cellValue);
-          if (showNegativeStatus) {
-            if (cellValue < 0) {
-              isNegative = true;
-            }
-          }
-          cellValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().commafy(cellValue, {
-            digits
-          });
-          if (!autoFill) {
-            const [iStr, dStr] = cellValue.split('.');
-            if (dStr) {
-              const dRest = dStr.replace(/0+$/, '');
-              cellValue = dRest ? [iStr, '.', dRest].join('') : iStr;
-            }
-          }
-          if (showCurrency) {
-            cellValue = `${props.currencySymbol || numberInputConfig.currencySymbol || render_getI18n('vxe.numberInput.currencySymbol') || ''}${cellValue}`;
-          }
-        } else {
-          if (showNegativeStatus) {
-            if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(cellValue) < 0) {
-              isNegative = true;
-            }
-          }
-        }
-      }
-      return getCellLabelVNs(h, renderOpts, params, cellValue, isNegative ? {
-        class: 'is--negative'
-      } : {});
-    },
+      const cellValue = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, column.field);
+      return cellValue;
+    }
+  },
+  VxeNumberInput: {
+    tableAutoFocus: 'input',
+    renderTableEdit: defaultEditRender,
+    renderTableCell: handleNumberCell,
     renderTableFooter(h, renderOpts, params) {
       const {
         props = {}
@@ -30567,11 +31014,22 @@ render_renderer.mixin({
     tableFilterDefaultMethod: handleFilterMethod,
     tableExportMethod: handleExportSelectMethod
   },
+  /**
+   * 已废弃，被 FormatSelect 替换
+   * @deprecated
+   */
   formatOption: {
     renderTableDefault(h, renderOpts, params) {
       return getCellLabelVNs(h, renderOpts, params, getSelectCellValue(renderOpts, params));
     }
   },
+  FormatSelect: {
+    renderTableDefault(h, renderOpts, params) {
+      return getCellLabelVNs(h, renderOpts, params, getSelectCellValue(renderOpts, params));
+    },
+    tableFilterDefaultMethod: handleFilterMethod,
+    tableExportMethod: handleExportSelectMethod
+  },
   VxeTreeSelect: {
     tableAutoFocus: 'input',
     renderTableEdit: defaultTableOrTreeSelectEditRender,
@@ -30588,11 +31046,21 @@ render_renderer.mixin({
     },
     tableExportMethod: handleExportTreeSelectMethod
   },
+  /**
+   * 已废弃，被 FormatTreeSelect 替换
+   * @deprecated
+   */
   formatTree: {
     renderTableDefault(h, renderOpts, params) {
       return getCellLabelVNs(h, renderOpts, params, getTreeSelectCellValue(renderOpts, params));
     }
   },
+  FormatTreeSelect: {
+    renderTableDefault(h, renderOpts, params) {
+      return getCellLabelVNs(h, renderOpts, params, getTreeSelectCellValue(renderOpts, params));
+    },
+    tableExportMethod: handleExportTreeSelectMethod
+  },
   VxeColorPicker: {
     tableAutoFocus: 'input',
     renderTableEdit(h, renderOpts, params) {
@@ -30935,7 +31403,8 @@ const Toolbar = VxeToolbar;
       treeNotImp: '树表格不支持导入',
       treeCrossDrag: '只能拖拽第一层级',
       treeDragChild: '父级不能拖拽到自己的子级中',
-      reqPlugin: '扩展插件未安装 "{1}" https://vxeui.com/other{0}/#/{1}/install'
+      reqPlugin: '扩展插件未安装 "{1}" https://vxeui.com/other{0}/#/{1}/install',
+      errMaxRow: '超过支持的最大数据量 {0} 行，这可能会导致出现错误'
     },
     table: {
       emptyText: '暂无数据',
@@ -31121,6 +31590,9 @@ const Toolbar = VxeToolbar;
       fixedRight: '冻结在右侧',
       cancelFixed: '取消冻结列'
     },
+    datePicker: {
+      yearTitle: '{0} 年'
+    },
     input: {
       date: {
         m1: '01 月',
@@ -31451,6 +31923,7 @@ const Toolbar = VxeToolbar;
       },
       filterCombination: {
         menus: {
+          sort: '排序',
           clearSort: '清除排序',
           sortAsc: '升序',
           sortDesc: '降序',
@@ -31555,6 +32028,7 @@ const Toolbar = VxeToolbar;
       },
       combination: {
         menus: {
+          sort: '排序',
           clearSort: '清除排序',
           sortAsc: '升序',
           sortDesc: '降序',
@@ -31613,8 +32087,8 @@ core_.VxeUI.setTheme('light');
 
 if (typeof window !== 'undefined' && window.Vue) {
   if (window.VXETable) {
-    if (!window.VxeUITable) {
-      window.VxeUITable = components_namespaceObject;
+    if (!window.VXETable) {
+      window.VXETable = components_namespaceObject;
     }
   }
   window.Vue.use(components_namespaceObject);