vxe-table 3.12.14 → 3.12.16

package/lib/index.umd.js

@@ -2220,7 +2220,7 @@ function getClass(property, params) {
 ;// CONCATENATED MODULE: ./packages/ui/index.ts
 
 
-const version = "3.12.14";
+const version = "3.12.16";
 core_.VxeUI.version = version;
 core_.VxeUI.tableVersion = version;
 core_.VxeUI.setConfig({
@@ -2842,7 +2842,7 @@ function isNodeElement(elem) {
 const {
   log: log_log
 } = core_.VxeUI;
-const log_version = `table v${"3.12.14"}`;
+const log_version = `table v${"3.12.16"}`;
 const warnLog = log_log.create('warn', log_version);
 const errLog = log_log.create('error', log_version);
 ;// CONCATENATED MODULE: ./packages/table/src/columnInfo.ts
@@ -6320,7 +6320,7 @@ const calcCellHeight = $xeTable => {
     reactData.calcCellHeightFlag++;
   }
 };
-function getOrderField(_vm, column) {
+function getOrderField($xeTable, column) {
   const {
     sortBy,
     sortType
@@ -6333,7 +6333,7 @@ function getOrderField(_vm, column) {
         column
       }) : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, sortBy);
     } else {
-      cellValue = _vm.getCellLabel(row, column);
+      cellValue = $xeTable.getCellLabel(row, column);
     }
     if (!sortType || sortType === 'auto') {
       return isNaN(cellValue) ? cellValue : external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toNumber(cellValue);
@@ -8395,15 +8395,26 @@ const Methods = {
    */
   updateAfterFullData() {
     const $xeTable = this;
+    const props = $xeTable;
+    const internalData = $xeTable;
+    const {
+      treeConfig
+    } = props;
     const {
       tableFullColumn,
       tableFullData,
-      filterOpts,
-      sortOpts,
-      treeConfig,
-      treeOpts,
       tableFullTreeData
-    } = this;
+    } = internalData;
+    const filterOpts = $xeTable.computeFilterOpts;
+    const sortOpts = $xeTable.computeSortOpts;
+    const treeOpts = $xeTable.computeTreeOpts;
+    const childrenField = treeOpts.children || treeOpts.childrenField;
+    const {
+      transform,
+      rowField,
+      parentField,
+      mapChildrenField
+    } = treeOpts;
     const {
       remote: allRemoteFilter,
       filterMethod: allFilterMethod
@@ -8414,63 +8425,61 @@ const Methods = {
       multiple: sortMultiple,
       chronological
     } = sortOpts;
-    const {
-      transform
-    } = treeOpts;
-    const childrenField = treeOpts.children || treeOpts.childrenField;
     let tableData = [];
     let tableTree = [];
-    const filterColumns = [];
-    let orderColumns = [];
-    tableFullColumn.forEach(column => {
-      const {
-        field,
-        sortable,
-        order,
-        filters
-      } = column;
-      if (!allRemoteFilter && filters && filters.length) {
-        const valueList = [];
-        const itemList = [];
-        filters.forEach(item => {
-          if (item.checked) {
-            itemList.push(item);
-            valueList.push(item.value);
+    // 处理数据
+    if (!allRemoteFilter || !allRemoteSort) {
+      const filterColumns = [];
+      let orderColumns = [];
+      tableFullColumn.forEach(column => {
+        const {
+          field,
+          sortable,
+          order,
+          filters
+        } = column;
+        if (!allRemoteFilter && filters && filters.length) {
+          const valueList = [];
+          const itemList = [];
+          filters.forEach(item => {
+            if (item.checked) {
+              itemList.push(item);
+              valueList.push(item.value);
+            }
+          });
+          if (itemList.length) {
+            filterColumns.push({
+              column,
+              valueList,
+              itemList
+            });
           }
-        });
-        if (itemList.length) {
-          filterColumns.push({
+        }
+        if (!allRemoteSort && sortable && order) {
+          orderColumns.push({
             column,
-            valueList,
-            itemList
+            field,
+            property: field,
+            order: order,
+            sortTime: column.sortTime
           });
         }
-      }
-      if (!allRemoteSort && sortable && order) {
-        orderColumns.push({
-          column,
-          field,
-          property: field,
-          order,
-          sortTime: column.sortTime
-        });
-      }
-    });
-    if (sortMultiple && chronological && orderColumns.length > 1) {
-      orderColumns = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy(orderColumns, 'sortTime');
-    }
-    if (filterColumns.length) {
-      const handleFilter = row => {
-        return filterColumns.every(({
-          column,
-          valueList,
-          itemList
-        }) => {
-          if (valueList.length && !allRemoteFilter) {
+      });
+      if (sortMultiple && chronological && orderColumns.length > 1) {
+        orderColumns = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy(orderColumns, 'sortTime');
+      }
+      // 处理筛选
+      // 支持单列、多列、组合筛选
+      if (!allRemoteFilter && filterColumns.length) {
+        const handleFilter = row => {
+          return filterColumns.every(({
+            column,
+            valueList,
+            itemList
+          }) => {
             const {
               filterMethod,
-              filterRender,
-              field
+              filterRender
             } = column;
             const compConf = isEnableConf(filterRender) ? methods_renderer.get(filterRender.name) : null;
             const compFilterMethod = compConf ? compConf.tableFilterMethod || compConf.filterMethod : null;
@@ -8483,7 +8492,7 @@ const Methods = {
                 cellValue,
                 row,
                 column,
-                $table: this
+                $table: $xeTable
               }));
             } else if (compFilterMethod) {
               return itemList.some(item => compFilterMethod({
@@ -8492,7 +8501,7 @@ const Methods = {
                 cellValue,
                 row,
                 column,
-                $table: this
+                $table: $xeTable
               }));
             } else if (allFilterMethod) {
               return allFilterMethod({
@@ -8509,96 +8518,119 @@ const Methods = {
                 cellValue,
                 row,
                 column,
-                $table: this
+                $table: $xeTable
               }));
             }
-            return valueList.indexOf(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, field)) > -1;
-          }
-          return true;
-        });
-      };
-      if (treeConfig && transform) {
-        // 筛选虚拟树
-        tableTree = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().searchTree(tableFullTreeData, handleFilter, {
-          original: true,
-          isEvery: true,
-          children: treeOpts.mapChildrenField,
-          mapChildren: childrenField
-        });
-        tableData = tableTree;
-      } else {
-        tableData = treeConfig ? tableFullTreeData.filter(handleFilter) : tableFullData.filter(handleFilter);
-        tableTree = tableData;
-      }
-    } else {
-      if (treeConfig && transform) {
-        // 还原虚拟树
-        tableTree = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().searchTree(tableFullTreeData, () => true, {
-          original: true,
-          isEvery: true,
-          children: treeOpts.mapChildrenField,
-          mapChildren: childrenField
-        });
-        tableData = tableTree;
-      } else {
-        tableData = treeConfig ? tableFullTreeData.slice(0) : tableFullData.slice(0);
-        tableTree = tableData;
-      }
-    }
-    const firstOrderColumn = orderColumns[0];
-    if (!allRemoteSort && firstOrderColumn) {
-      if (treeConfig && transform) {
-        // 虚拟树和列表一样，只能排序根级节点
-        if (allSortMethod) {
-          const sortRests = allSortMethod({
-            data: tableTree,
-            sortList: orderColumns,
-            $table: this
+            return valueList.indexOf(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().get(row, column.field)) > -1;
+          });
+        };
+        if (treeConfig && transform) {
+          // 筛选虚拟树
+          tableTree = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().searchTree(tableFullTreeData, handleFilter, {
+            original: true,
+            isEvery: true,
+            children: mapChildrenField,
+            mapChildren: childrenField
           });
-          tableTree = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(sortRests) ? sortRests : tableTree;
+          tableData = tableTree;
         } else {
-          tableTree = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy(tableTree, orderColumns.map(({
-            column,
-            order
-          }) => [getOrderField(this, column), order]));
+          tableData = treeConfig ? tableFullTreeData.filter(handleFilter) : tableFullData.filter(handleFilter);
+          tableTree = tableData;
         }
-        tableData = tableTree;
       } else {
-        if (allSortMethod) {
-          const sortRests = allSortMethod({
-            data: tableData,
-            column: firstOrderColumn.column,
-            property: firstOrderColumn.field,
-            field: firstOrderColumn.field,
-            order: firstOrderColumn.order,
-            sortList: orderColumns,
-            $table: this
+        if (treeConfig && transform) {
+          // 还原虚拟树
+          tableTree = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().searchTree(tableFullTreeData, () => true, {
+            original: true,
+            isEvery: true,
+            children: mapChildrenField,
+            mapChildren: childrenField
           });
-          tableData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(sortRests) ? sortRests : tableData;
+          tableData = tableTree;
         } else {
-          // 兼容 v4
-          if (sortMultiple) {
-            tableData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy(tableData, orderColumns.map(({
+          tableData = treeConfig ? tableFullTreeData.slice(0) : tableFullData.slice(0);
+          tableTree = tableData;
+        }
+      }
+      // 处理排序（不能用于树形结构）
+      // 支持单列、多列、组合排序
+      if (!allRemoteSort && orderColumns.length) {
+        if (treeConfig && transform) {
+          // 虚拟树和列表一样，只能排序根级节点
+          if (allSortMethod) {
+            const sortRests = allSortMethod({
+              data: tableTree,
+              sortList: orderColumns,
+              $table: $xeTable
+            });
+            tableTree = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(sortRests) ? sortRests : tableTree;
+          } else {
+            const treeList = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toTreeArray(tableTree, {
+              children: mapChildrenField
+            });
+            tableTree = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().toArrayTree(external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy(treeList, orderColumns.map(({
               column,
               order
-            }) => [getOrderField(this, column), order]));
+            }) => [getOrderField($xeTable, column), order])), {
+              key: rowField,
+              parentKey: parentField,
+              children: childrenField,
+              mapChildren: mapChildrenField
+            });
+          }
+          tableData = tableTree;
+        } else {
+          if (allSortMethod) {
+            const sortRests = allSortMethod({
+              data: tableData,
+              sortList: orderColumns,
+              $table: $xeTable
+            });
+            tableData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(sortRests) ? sortRests : tableData;
           } else {
-            // 兼容 v2，在 v4 中废弃， sortBy 不能为数组
-            let sortByConfs;
-            if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(firstOrderColumn.sortBy)) {
-              sortByConfs = firstOrderColumn.sortBy.map(item => [item, firstOrderColumn.order]);
+            // 兼容 v4
+            if (sortMultiple) {
+              tableData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy(tableData, orderColumns.map(({
+                column,
+                order
+              }) => [getOrderField(this, column), order]));
+            } else {
+              const firstOrderColumn = orderColumns[0];
+              let sortByConfs;
+              // 已废弃，兼容 v2，在 v4 中废弃， sortBy 不能为数组
+              if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isArray(firstOrderColumn.sortBy)) {
+                sortByConfs = firstOrderColumn.sortBy.map(item => [item, firstOrderColumn.order]);
+              }
+              tableData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy(tableData, sortByConfs || [firstOrderColumn].map(({
+                column,
+                order
+              }) => [getOrderField(this, column), order]));
             }
-            tableData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy(tableData, sortByConfs || [firstOrderColumn].map(({
+            tableData = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().orderBy(tableData, orderColumns.map(({
               column,
               order
-            }) => [getOrderField(this, column), order]));
+            }) => [getOrderField($xeTable, column), order]));
           }
+          tableTree = tableData;
         }
+      }
+    } else {
+      if (treeConfig && transform) {
+        // 还原虚拟树
+        tableTree = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().searchTree(tableFullTreeData, () => true, {
+          original: true,
+          isEvery: true,
+          children: treeOpts.mapChildrenField,
+          mapChildren: childrenField
+        });
+        tableData = tableTree;
+      } else {
+        tableData = treeConfig ? tableFullTreeData.slice(0) : tableFullData.slice(0);
         tableTree = tableData;
       }
     }
-    this.afterFullData = tableData;
-    this.afterTreeFullData = tableTree;
+    internalData.afterFullData = tableData;
+    internalData.afterTreeFullData = tableTree;
     updateAfterDataIndex($xeTable);
   },
   /**
@@ -13021,6 +13053,19 @@ const Methods = {
     reactData.pendingRowMaps = pendingMaps;
     return $xeTable.$nextTick();
   },
+  hasPendingByRow(row) {
+    const $xeTable = this;
+    return $xeTable.isPendingByRow(row);
+  },
+  isPendingByRow(row) {
+    const $xeTable = this;
+    const reactData = $xeTable;
+    const {
+      pendingRowMaps
+    } = reactData;
+    const rowid = getRowid($xeTable, row);
+    return !!pendingRowMaps[rowid];
+  },
   getPendingRecords() {
     const $xeTable = this;
     const reactData = $xeTable;
@@ -13039,13 +13084,6 @@ const Methods = {
     });
     return insertRecords;
   },
-  hasPendingByRow(row) {
-    const {
-      pendingRowMaps
-    } = this;
-    const rowid = getRowid(this, row);
-    return !!pendingRowMaps[rowid];
-  },
   clearPendingRow() {
     this.pendingRowMaps = {};
     return this.$nextTick();
@@ -14239,7 +14277,12 @@ const Methods = {
   },
   triggerBodyScrollEvent(evnt, fixedType) {
     const $xeTable = this;
+    const reactData = $xeTable;
     const internalData = $xeTable;
+    const {
+      scrollYLoad,
+      scrollXLoad
+    } = reactData;
     const {
       elemStore,
       intoRunScroll,
@@ -14305,13 +14348,17 @@ const Methods = {
         setScrollTop(rightScrollElem, scrollTop);
       }
       setScrollTop(yHandleEl, scrollTop);
-      $xeTable.triggerScrollYEvent(evnt);
+      if (scrollYLoad) {
+        $xeTable.triggerScrollYEvent(evnt);
+      }
     }
     if (isRollX) {
       setScrollLeft(xHandleEl, scrollLeft);
       setScrollLeft(headerScrollElem, scrollLeft);
       setScrollLeft(footerScrollElem, scrollLeft);
-      $xeTable.triggerScrollXEvent(evnt);
+      if (scrollXLoad) {
+        $xeTable.triggerScrollXEvent(evnt);
+      }
     }
     $xeTable.handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, {
       type: 'body',
@@ -14320,7 +14367,11 @@ const Methods = {
   },
   triggerHeaderScrollEvent(evnt, fixedType) {
     const $xeTable = this;
+    const reactData = $xeTable;
     const internalData = $xeTable;
+    const {
+      scrollXLoad
+    } = reactData;
     const {
       elemStore,
       intoRunScroll,
@@ -14357,7 +14408,9 @@ const Methods = {
     setScrollLeft(xHandleEl, scrollLeft);
     setScrollLeft(footerScrollElem, scrollLeft);
     setScrollLeft(bodyScrollElem, scrollLeft);
-    $xeTable.triggerScrollXEvent(evnt);
+    if (scrollXLoad) {
+      $xeTable.triggerScrollXEvent(evnt);
+    }
     $xeTable.handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, {
       type: 'header',
       fixed: fixedType
@@ -14365,7 +14418,11 @@ const Methods = {
   },
   triggerFooterScrollEvent(evnt, fixedType) {
     const $xeTable = this;
+    const reactData = $xeTable;
     const internalData = $xeTable;
+    const {
+      scrollXLoad
+    } = reactData;
     const {
       elemStore,
       intoRunScroll,
@@ -14402,7 +14459,9 @@ const Methods = {
     setScrollLeft(xHandleEl, scrollLeft);
     setScrollLeft(headerScrollElem, scrollLeft);
     setScrollLeft(bodyScrollElem, scrollLeft);
-    $xeTable.triggerScrollXEvent(evnt);
+    if (scrollXLoad) {
+      $xeTable.triggerScrollXEvent(evnt);
+    }
     $xeTable.handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, {
       type: 'footer',
       fixed: fixedType
@@ -14424,6 +14483,9 @@ const Methods = {
     const {
       highlightHoverRow
     } = tableProps;
+    const {
+      scrollYLoad
+    } = reactData;
     const {
       elemStore,
       lastScrollTop,
@@ -14470,7 +14532,9 @@ const Methods = {
         setScrollTop(bodyScrollElem, currTopNum);
         setScrollTop(leftScrollElem, currTopNum);
         setScrollTop(rightScrollElem, currTopNum);
-        $xeTable.triggerScrollYEvent(evnt);
+        if (scrollYLoad) {
+          $xeTable.triggerScrollYEvent(evnt);
+        }
         $xeTable.handleScrollEvent(evnt, isRollY, isRollX, currTopNum, scrollLeft, {
           type: 'table',
           fixed: ''
@@ -14490,7 +14554,11 @@ const Methods = {
   },
   triggerVirtualScrollXEvent(evnt) {
     const $xeTable = this;
+    const reactData = $xeTable;
     const internalData = $xeTable;
+    const {
+      scrollXLoad
+    } = reactData;
     const {
       elemStore,
       inWheelScroll,
@@ -14524,7 +14592,9 @@ const Methods = {
     setScrollLeft(bodyScrollElem, scrollLeft);
     setScrollLeft(headerScrollElem, scrollLeft);
     setScrollLeft(footerScrollElem, scrollLeft);
-    $xeTable.triggerScrollXEvent(evnt);
+    if (scrollXLoad) {
+      $xeTable.triggerScrollXEvent(evnt);
+    }
     $xeTable.handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, {
       type: 'table',
       fixed: ''
@@ -14532,7 +14602,11 @@ const Methods = {
   },
   triggerVirtualScrollYEvent(evnt) {
     const $xeTable = this;
+    const reactData = $xeTable;
     const internalData = $xeTable;
+    const {
+      scrollYLoad
+    } = reactData;
     const {
       elemStore,
       inWheelScroll,
@@ -14566,7 +14640,9 @@ const Methods = {
     setScrollTop(bodyScrollElem, scrollTop);
     setScrollTop(leftScrollElem, scrollTop);
     setScrollTop(rightScrollElem, scrollTop);
-    $xeTable.triggerScrollYEvent(evnt);
+    if (scrollYLoad) {
+      $xeTable.triggerScrollYEvent(evnt);
+    }
     $xeTable.handleScrollEvent(evnt, isRollY, isRollX, scrollTop, scrollLeft, {
       type: 'table',
       fixed: ''
@@ -15550,6 +15626,7 @@ function renderTdColumn(h, _vm, seq, rowid, fixedType, isOptimizeMode, rowLevel,
       'fixed--width': !isAutoCellWidth,
       'fixed--hidden': fixedHiddenColumn,
       'is--padding': isCellPadding,
+      'is--progress': fixedHiddenColumn && isAllOverflow || isVNPreEmptyStatus,
       'is--drag-cell': isRowDragCell && (isCrossDrag || isPeerDrag || !rowLevel),
       'is--drag-disabled': isDisabledDrag,
       'col--dirty': isDirty,
@@ -20230,6 +20307,58 @@ const {
   renderer: edit_mixin_renderer,
   getI18n: mixin_getI18n
 } = core_.VxeUI;
+function getEditColumnModel(row, column) {
+  const {
+    model,
+    editRender
+  } = column;
+  if (editRender) {
+    model.value = getCellValue(row, column);
+    model.update = false;
+  }
+}
+function setEditColumnModel(row, column) {
+  const {
+    model,
+    editRender
+  } = column;
+  if (editRender && model.update) {
+    setCellValue(row, column, model.value);
+    model.update = false;
+    model.value = null;
+  }
+}
+function removeCellSelectedClass($xeTable) {
+  const el = $xeTable.$refs.refElem;
+  if (el) {
+    const cell = el.querySelector('.col--selected');
+    if (cell) {
+      removeClass(cell, 'col--selected');
+    }
+  }
+}
+function syncActivedCell($xeTable) {
+  const reactData = $xeTable;
+  const {
+    editStore,
+    tableColumn
+  } = reactData;
+  const editOpts = $xeTable.computeEditOpts;
+  const {
+    actived
+  } = editStore;
+  const {
+    row,
+    column
+  } = actived;
+  if (row || column) {
+    if (editOpts.mode === 'row') {
+      tableColumn.forEach(column => setEditColumnModel(row, column));
+    } else {
+      setEditColumnModel(row, column);
+    }
+  }
+}
 function insertTreeRow(_vm, newRecords, isAppend) {
   const {
     tableFullTreeData,
@@ -20584,6 +20713,216 @@ function handleInsertChildRowAt($xeTable, records, parentRow, targetRow, isInser
     rows: []
   });
 }
+function handleClearEdit($xeTable, evnt, targetRow) {
+  const props = $xeTable;
+  const reactData = $xeTable;
+  const {
+    mouseConfig
+  } = props;
+  const {
+    editStore
+  } = reactData;
+  const {
+    actived,
+    focused
+  } = editStore;
+  const {
+    row,
+    column
+  } = actived;
+  const validOpts = $xeTable.computeValidOpts;
+  const mouseOpts = $xeTable.computeMouseOpts;
+  if (row || column) {
+    if (targetRow && getRowid($xeTable, targetRow) !== getRowid($xeTable, row)) {
+      return $xeTable.$nextTick();
+    }
+    syncActivedCell($xeTable);
+    actived.args = null;
+    actived.row = null;
+    actived.column = null;
+    $xeTable.updateFooter();
+    $xeTable.dispatchEvent('edit-closed', {
+      row,
+      rowIndex: $xeTable.getRowIndex(row),
+      $rowIndex: $xeTable.getVMRowIndex(row),
+      column,
+      columnIndex: $xeTable.getColumnIndex(column),
+      $columnIndex: $xeTable.getVMColumnIndex(column)
+    }, evnt || null);
+  }
+  focused.row = null;
+  focused.column = null;
+  if (validOpts.autoClear) {
+    if (validOpts.msgMode !== 'full' || mixin_getConfig().cellVaildMode === 'obsolete') {
+      if ($xeTable.clearValidate) {
+        return $xeTable.clearValidate();
+      }
+    }
+  }
+  return $xeTable.$nextTick().then(() => {
+    if (mouseConfig && mouseOpts.area && $xeTable.handleRecalculateCellAreas) {
+      return $xeTable.handleRecalculateCellAreas();
+    }
+  });
+}
+function handleEditActive($xeTable, params, evnt, isFocus) {
+  const props = $xeTable;
+  const reactData = $xeTable;
+  const {
+    editConfig,
+    mouseConfig
+  } = props;
+  const {
+    editStore,
+    tableColumn
+  } = reactData;
+  const editOpts = $xeTable.computeEditOpts;
+  const {
+    mode
+  } = editOpts;
+  const {
+    actived,
+    focused
+  } = editStore;
+  const {
+    row,
+    column
+  } = params;
+  const {
+    editRender
+  } = column;
+  const cell = params.cell || $xeTable.getCellElement(row, column);
+  const beforeEditMethod = editOpts.beforeEditMethod || editOpts.activeMethod;
+  params.cell = cell;
+  if (cell && isEnableConf(editConfig) && isEnableConf(editRender)) {
+    // 激活编辑
+    if (!$xeTable.isPendingByRow(row)) {
+      if (actived.row !== row || (mode === 'cell' ? actived.column !== column : false)) {
+        // 判断是否禁用编辑
+        let type = 'edit-disabled';
+        if (!beforeEditMethod || beforeEditMethod({
+          ...params,
+          $table: $xeTable,
+          $grid: $xeTable.xegrid
+        })) {
+          if (mouseConfig) {
+            $xeTable.clearSelected();
+            if ($xeTable.clearCellAreas) {
+              $xeTable.clearCellAreas();
+              $xeTable.clearCopyCellArea();
+            }
+          }
+          $xeTable.closeTooltip();
+          if (actived.column) {
+            handleClearEdit($xeTable, evnt);
+          }
+          type = 'edit-activated';
+          column.renderHeight = cell.offsetHeight;
+          actived.args = params;
+          actived.row = row;
+          actived.column = column;
+          if (mode === 'row') {
+            tableColumn.forEach(column => getEditColumnModel(row, column));
+          } else {
+            getEditColumnModel(row, column);
+          }
+          const afterEditMethod = editOpts.afterEditMethod;
+          $xeTable.$nextTick(() => {
+            if (isFocus) {
+              $xeTable.handleFocus(params, evnt);
+            }
+            if (afterEditMethod) {
+              afterEditMethod({
+                ...params,
+                $table: $xeTable,
+                $grid: $xeTable.xegrid
+              });
+            }
+          });
+        }
+        $xeTable.dispatchEvent(type, {
+          row,
+          rowIndex: $xeTable.getRowIndex(row),
+          $rowIndex: $xeTable.getVMRowIndex(row),
+          column,
+          columnIndex: $xeTable.getColumnIndex(column),
+          $columnIndex: $xeTable.getVMColumnIndex(column)
+        }, evnt);
+        // v4已废弃
+        if (type === 'edit-activated') {
+          $xeTable.dispatchEvent('edit-actived', {
+            row,
+            rowIndex: $xeTable.getRowIndex(row),
+            $rowIndex: $xeTable.getVMRowIndex(row),
+            column,
+            columnIndex: $xeTable.getColumnIndex(column),
+            $columnIndex: $xeTable.getVMColumnIndex(column)
+          }, evnt);
+        }
+      } else {
+        const {
+          column: oldColumn
+        } = actived;
+        if (mouseConfig) {
+          $xeTable.clearSelected();
+          if ($xeTable.clearCellAreas) {
+            $xeTable.clearCellAreas();
+            $xeTable.clearCopyCellArea();
+          }
+        }
+        if (oldColumn !== column) {
+          const {
+            model: oldModel
+          } = oldColumn;
+          if (oldModel.update) {
+            setCellValue(row, oldColumn, oldModel.value);
+          }
+          if ($xeTable.clearValidate) {
+            $xeTable.clearValidate(row, column);
+          }
+        }
+        column.renderHeight = cell.offsetHeight;
+        actived.args = params;
+        actived.column = column;
+        if (isFocus) {
+          setTimeout(() => {
+            $xeTable.handleFocus(params, evnt);
+          });
+        }
+      }
+      focused.column = null;
+      focused.row = null;
+      $xeTable.focus();
+    }
+  }
+  return $xeTable.$nextTick();
+}
+function handleEditCell($xeTable, row, fieldOrColumn, isPos) {
+  const props = $xeTable;
+  const internalData = $xeTable;
+  const {
+    editConfig
+  } = props;
+  const column = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(fieldOrColumn) ? $xeTable.getColumnByField(fieldOrColumn) : fieldOrColumn;
+  if (row && column && isEnableConf(editConfig) && isEnableConf(column.editRender)) {
+    return Promise.resolve(isPos ? $xeTable.scrollToRow(row, column) : null).then(() => {
+      const cell = $xeTable.getCellElement(row, column);
+      if (cell) {
+        handleEditActive($xeTable, {
+          row,
+          rowIndex: $xeTable.getRowIndex(row),
+          column,
+          columnIndex: $xeTable.getColumnIndex(column),
+          cell,
+          $table: $xeTable
+        }, null, false);
+        internalData._lastCallTime = Date.now();
+      }
+      return $xeTable.$nextTick();
+    });
+  }
+  return $xeTable.$nextTick();
+}
 /* harmony default export */ var edit_mixin = ({
   methods: {
     /**
@@ -20651,7 +20990,7 @@ function handleInsertChildRowAt($xeTable, records, parentRow, targetRow, isInser
       const childrenField = treeOpts.children || treeOpts.childrenField;
       const {
         actived,
-        removeList,
+        removeMaps,
         insertMaps
       } = editStore;
       const {
@@ -20666,7 +21005,8 @@ function handleInsertChildRowAt($xeTable, records, parentRow, targetRow, isInser
       // 如果是新增，则保存记录
       rows.forEach(row => {
         if (!$xeTable.isInsertByRow(row)) {
-          removeList.push(row);
+          const rowid = getRowid($xeTable, row);
+          removeMaps[rowid] = row;
         }
       });
       // 如果绑定了多选属性，则更新状态
@@ -20843,7 +21183,19 @@ function handleInsertChildRowAt($xeTable, records, parentRow, targetRow, isInser
      * 获取已删除的数据
      */
     _getRemoveRecords() {
-      return this.editStore.removeList;
+      const $xeTable = this;
+      const reactData = $xeTable;
+      const {
+        editStore
+      } = reactData;
+      const {
+        removeMaps
+      } = editStore;
+      const removeRecords = [];
+      external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().each(removeMaps, row => {
+        removeRecords.push(row);
+      });
+      return removeRecords;
     },
     /**
      * 获取更新数据
@@ -20851,6 +21203,7 @@ function handleInsertChildRowAt($xeTable, records, parentRow, targetRow, isInser
      * 如果是树表格，子节点更改状态不会影响父节点的更新状态
      */
     _getUpdateRecords() {
+      const $xeTable = this;
       const {
         keepSource,
         tableFullData,
@@ -20868,7 +21221,7 @@ function handleInsertChildRowAt($xeTable, records, parentRow, targetRow, isInser
           column
         } = actived;
         if (row || column) {
-          this._syncActivedCell();
+          syncActivedCell($xeTable);
         }
         if (treeConfig) {
           return external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().filterTree(tableFullData, row => isUpdateByRow(row), treeOpts);
@@ -20881,107 +21234,8 @@ function handleInsertChildRowAt($xeTable, records, parentRow, targetRow, isInser
      * 处理激活编辑
      */
     handleEdit(params, evnt) {
-      const {
-        editStore,
-        editOpts,
-        tableColumn,
-        editConfig,
-        mouseConfig
-      } = this;
-      const {
-        mode
-      } = editOpts;
-      const {
-        actived,
-        focused
-      } = editStore;
-      const {
-        row,
-        column
-      } = params;
-      const {
-        editRender
-      } = column;
-      const cell = params.cell = params.cell || this.getCellElement(row, column);
-      const beforeEditMethod = editOpts.beforeEditMethod || editOpts.activeMethod;
-      if (cell && isEnableConf(editConfig) && isEnableConf(editRender)) {
-        // 激活编辑
-        if (!this.hasPendingByRow(row)) {
-          if (actived.row !== row || (mode === 'cell' ? actived.column !== column : false)) {
-            // 判断是否禁用编辑
-            let type = 'edit-disabled';
-            if (!beforeEditMethod || beforeEditMethod({
-              ...params,
-              $table: this,
-              $grid: this.$xegrid
-            })) {
-              if (mouseConfig) {
-                this.clearSelected(evnt);
-                this.clearCellAreas(evnt);
-                this.clearCopyCellArea(evnt);
-              }
-              this.closeTooltip();
-              if (actived.column) {
-                this.handleClearEdit(evnt);
-              }
-              type = 'edit-activated';
-              column.renderHeight = cell.offsetHeight;
-              actived.args = params;
-              actived.row = row;
-              actived.column = column;
-              if (mode === 'row') {
-                tableColumn.forEach(column => this._getColumnModel(row, column));
-              } else {
-                this._getColumnModel(row, column);
-              }
-              const afterEditMethod = editOpts.afterEditMethod;
-              this.$nextTick(() => {
-                this.handleFocus(params, evnt);
-                if (afterEditMethod) {
-                  afterEditMethod({
-                    ...params,
-                    $table: this,
-                    $grid: this.$xegrid
-                  });
-                }
-              });
-            }
-            this.emitEvent(type, params, evnt);
-            // v4已废弃
-            if (type === 'edit-activated') {
-              this.emitEvent('edit-actived', params, evnt);
-            }
-          } else {
-            const {
-              column: oldColumn
-            } = actived;
-            if (mouseConfig) {
-              this.clearSelected(evnt);
-              this.clearCellAreas(evnt);
-              this.clearCopyCellArea(evnt);
-            }
-            if (oldColumn !== column) {
-              const {
-                model: oldModel
-              } = oldColumn;
-              if (oldModel.update) {
-                setCellValue(row, oldColumn, oldModel.value);
-              }
-              this.clearValidate();
-            }
-            column.renderHeight = cell.offsetHeight;
-            actived.args = params;
-            actived.column = column;
-            setTimeout(() => {
-              this.handleFocus(params, evnt);
-            });
-          }
-          focused.column = null;
-          focused.row = null;
-          this.focus();
-        }
-      }
-      return this.$nextTick();
+      const $xeTable = this;
+      return handleEditActive($xeTable, params, evnt, true);
     },
     /**
      * @deprecated
@@ -20990,46 +21244,14 @@ function handleInsertChildRowAt($xeTable, records, parentRow, targetRow, isInser
       return this.handleEdit(params, evnt);
     },
     _getColumnModel(row, column) {
-      const {
-        model,
-        editRender
-      } = column;
-      if (editRender) {
-        model.value = getCellValue(row, column);
-        model.update = false;
-      }
+      getEditColumnModel(row, column);
     },
     _setColumnModel(row, column) {
-      const {
-        model,
-        editRender
-      } = column;
-      if (editRender && model.update) {
-        setCellValue(row, column, model.value);
-        model.update = false;
-        model.value = null;
-      }
+      setEditColumnModel(row, column);
     },
     _syncActivedCell() {
-      const {
-        tableColumn,
-        editStore,
-        editOpts
-      } = this;
-      const {
-        actived
-      } = editStore;
-      const {
-        row,
-        column
-      } = actived;
-      if (row || column) {
-        if (editOpts.mode === 'row') {
-          tableColumn.forEach(column => this._setColumnModel(row, column));
-        } else {
-          this._setColumnModel(row, column);
-        }
-      }
+      const $xeTable = this;
+      syncActivedCell($xeTable);
     },
     _clearActived(row) {
       if (true) {
@@ -21042,63 +21264,15 @@ function handleInsertChildRowAt($xeTable, records, parentRow, targetRow, isInser
      * 清除激活的编辑
      */
     _clearEdit(row) {
-      return this.handleClearEdit(null, row);
+      const $xeTable = this;
+      return handleClearEdit($xeTable, null, row);
     },
     /**
      * 取消编辑
      */
     handleClearEdit(evnt, targetRow) {
       const $xeTable = this;
-      const props = $xeTable;
-      const reactData = $xeTable;
-      const {
-        mouseConfig
-      } = props;
-      const {
-        editStore
-      } = reactData;
-      const {
-        actived,
-        focused
-      } = editStore;
-      const {
-        row,
-        column
-      } = actived;
-      const validOpts = $xeTable.validOpts;
-      const mouseOpts = $xeTable.computeMouseOpts;
-      if (row || column) {
-        if (targetRow && getRowid($xeTable, targetRow) !== getRowid($xeTable, row)) {
-          return $xeTable.$nextTick();
-        }
-        $xeTable._syncActivedCell();
-        actived.args = null;
-        actived.row = null;
-        actived.column = null;
-        $xeTable.updateFooter();
-        $xeTable.emitEvent('edit-closed', {
-          row,
-          rowIndex: $xeTable.getRowIndex(row),
-          $rowIndex: $xeTable.getVMRowIndex(row),
-          column,
-          columnIndex: $xeTable.getColumnIndex(column),
-          $columnIndex: $xeTable.getVMColumnIndex(column)
-        }, evnt);
-      }
-      focused.row = null;
-      focused.column = null;
-      if (validOpts.autoClear) {
-        if (validOpts.msgMode !== 'full' || mixin_getConfig().cellVaildMode === 'obsolete') {
-          if ($xeTable.clearValidate) {
-            return $xeTable.clearValidate();
-          }
-        }
-      }
-      return $xeTable.$nextTick().then(() => {
-        if (mouseConfig && mouseOpts.area && $xeTable.handleRecalculateCellAreas) {
-          return $xeTable.handleRecalculateCellAreas();
-        }
-      });
+      return handleClearEdit($xeTable, evnt, targetRow);
     },
     _getActiveRecord() {
       if (true) {
@@ -21215,11 +21389,12 @@ function handleInsertChildRowAt($xeTable, records, parentRow, targetRow, isInser
      * 激活行编辑
      */
     _setEditRow(row, fieldOrColumn) {
+      const $xeTable = this;
       let column = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().find(this.visibleColumn, column => isEnableConf(column.editRender));
       if (fieldOrColumn) {
         column = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(fieldOrColumn) ? this.getColumnByField(fieldOrColumn) : fieldOrColumn;
       }
-      return this.setEditCell(row, column);
+      return handleEditCell($xeTable, row, column, false);
     },
     _setActiveCell(row, fieldOrColumn) {
       if (true) {
@@ -21232,27 +21407,8 @@ function handleInsertChildRowAt($xeTable, records, parentRow, targetRow, isInser
      * 激活单元格编辑
      */
     _setEditCell(row, fieldOrColumn) {
-      const {
-        editConfig
-      } = this;
-      const column = external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().isString(fieldOrColumn) ? this.getColumnByField(fieldOrColumn) : fieldOrColumn;
-      if (row && column && isEnableConf(editConfig) && isEnableConf(column.editRender)) {
-        return this.scrollToRow(row, true).then(() => {
-          const cell = this.getCellElement(row, column);
-          if (cell) {
-            this.handleEdit({
-              row,
-              rowIndex: this.getRowIndex(row),
-              column,
-              columnIndex: this.getColumnIndex(column),
-              cell,
-              $table: this
-            });
-            this.lastCallTime = Date.now();
-          }
-        });
-      }
-      return this.$nextTick();
+      const $xeTable = this;
+      return handleEditCell($xeTable, row, fieldOrColumn, true);
     },
     /**
      * 只对 trigger=dblclick 有效，选中单元格
@@ -21284,6 +21440,7 @@ function handleInsertChildRowAt($xeTable, records, parentRow, targetRow, isInser
      * 处理选中源
      */
     handleSelected(params, evnt) {
+      const $xeTable = this;
       const {
         mouseConfig,
         mouseOpts,
@@ -21302,7 +21459,7 @@ function handleInsertChildRowAt($xeTable, records, parentRow, targetRow, isInser
       const selectMethod = () => {
         if (isMouseSelected && (selected.row !== row || selected.column !== column)) {
           if (actived.row !== row || (editOpts.mode === 'cell' ? actived.column !== column : false)) {
-            this.handleClearEdit(evnt);
+            handleClearEdit($xeTable, evnt);
             this.clearSelected(evnt);
             this.clearCellAreas(evnt);
             this.clearCopyCellArea(evnt);
@@ -21310,7 +21467,7 @@ function handleInsertChildRowAt($xeTable, records, parentRow, targetRow, isInser
             selected.row = row;
             selected.column = column;
             if (isMouseSelected) {
-              this.addColSdCls();
+              this.addCellSelectedClass();
             }
             this.focus();
             if (evnt) {
@@ -21339,13 +21496,14 @@ function handleInsertChildRowAt($xeTable, records, parentRow, targetRow, isInser
      * 清除所选中源状态
      */
     _clearSelected() {
+      const $xeTable = this;
       const {
         selected
       } = this.editStore;
       selected.row = null;
       selected.column = null;
       this.reColTitleSdCls();
-      this.reColSdCls();
+      removeCellSelectedClass($xeTable);
       return this.$nextTick();
     },
     reColTitleSdCls() {
@@ -21354,23 +21512,22 @@ function handleInsertChildRowAt($xeTable, records, parentRow, targetRow, isInser
         external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().arrayEach(headerElem.querySelectorAll('.col--title-selected'), elem => removeClass(elem, 'col--title-selected'));
       }
     },
-    reColSdCls() {
-      const cell = this.$el.querySelector('.col--selected');
-      if (cell) {
-        removeClass(cell, 'col--selected');
-      }
-    },
-    addColSdCls() {
+    addCellSelectedClass() {
+      const $xeTable = this;
+      const reactData = $xeTable;
+      const {
+        editStore
+      } = reactData;
       const {
         selected
-      } = this.editStore;
+      } = editStore;
       const {
         row,
         column
       } = selected;
-      this.reColSdCls();
+      removeCellSelectedClass($xeTable);
       if (row && column) {
-        const cell = this.getCellElement(row, column);
+        const cell = $xeTable.getCellElement(row, column);
         if (cell) {
           addClass(cell, 'col--selected');
         }
@@ -21409,6 +21566,7 @@ function createHtmlPage(opts, content) {
 
 
 
+
 const {
   getI18n: export_mixin_getI18n,
   renderer: export_mixin_renderer
@@ -21541,7 +21699,7 @@ function getBodyLabelData($xeTable, opts, columns, datas) {
                     cellValue = htmlCellElem.innerText.trim();
                   } else {
                     const cell = $xeTable.getCellElement(row, column);
-                    if (cell) {
+                    if (cell && !hasClass(cell, 'is--progress')) {
                       cellValue = cell.innerText.trim();
                     }
                   }
@@ -21611,7 +21769,7 @@ function getBodyLabelData($xeTable, opts, columns, datas) {
                 cellValue = htmlCellElem.innerText.trim();
               } else {
                 const cell = $xeTable.getCellElement(row, column);
-                if (cell) {
+                if (cell && !hasClass(cell, 'is--progress')) {
                   cellValue = cell.innerText.trim();
                 }
               }
@@ -23938,11 +24096,15 @@ function validErrorRuleValue(rule, val) {
         treeConfig
       } = props;
       const {
+        editStore,
         pendingRowMaps
       } = reactData;
       const {
         afterFullData
       } = internalData;
+      const {
+        removeMaps
+      } = editStore;
       const treeOpts = $xeTable.computeTreeOpts;
       const childrenField = treeOpts.children || treeOpts.childrenField;
       let validList;
@@ -23967,6 +24129,10 @@ function validErrorRuleValue(rule, val) {
         const columns = cols && cols.length ? cols : this.getColumns();
         const handleVaild = row => {
           const rowid = getRowid($xeTable, row);
+          // 是否删除
+          if (removeMaps[rowid]) {
+            return;
+          }
           // 是否标记删除
           if (pendingRowMaps[rowid]) {
             return;
@@ -25151,7 +25317,6 @@ function renderBody(h, $xeTable) {
           column: null
         },
         insertMaps: {},
-        removeList: [],
         removeMaps: {}
       },
       // 存放 tooltip 相关信息