vxe-table 4.12.0-beta.0 → 4.12.0-beta.2

package/lib/table/src/table.js

@@ -1439,14 +1439,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
       if (expandColumn && expandOpts.mode !== 'fixed' && mouseOpts.area) {
         (0, _log.errLog)('vxe.error.errConflicts', ['mouse-config.area', 'column.type=expand']);
       }
-      if (process.env.NODE_ENV === 'development') {
-        if (htmlColumn) {
-          if (!columnOpts.useKey) {
-            (0, _log.errLog)('vxe.error.reqProp', ['column-config.useKey & column.type=html']);
-          }
-          if (!rowOpts.useKey) {
-            (0, _log.errLog)('vxe.error.reqProp', ['row-config.useKey & column.type=html']);
-          }
+      if (htmlColumn) {
+        if (!columnOpts.useKey) {
+          (0, _log.errLog)('vxe.error.reqProp', ['column-config.useKey & column.type=html']);
+        }
+        if (!rowOpts.useKey) {
+          (0, _log.errLog)('vxe.error.reqProp', ['row-config.useKey & column.type=html']);
         }
       }
       reactData.isGroup = isGroup;
@@ -2950,12 +2948,12 @@ var _default = exports.default = (0, _vue.defineComponent)({
             rowIndex: tableMethods.getRowIndex(row),
             $rowIndex: tableMethods.getVMRowIndex(row)
           }).then(() => {
-            const rExpandedMaps = Object.assign({}, reactData.rowExpandedMaps);
+            const rowTempExpandedMaps = Object.assign({}, reactData.rowExpandedMaps);
             if (rowRest) {
               rowRest.expandLoaded = true;
             }
-            rExpandedMaps[rowid] = row;
-            reactData.rowExpandedMaps = rExpandedMaps;
+            rowTempExpandedMaps[rowid] = row;
+            reactData.rowExpandedMaps = rowTempExpandedMaps;
           }).catch(() => {
             if (rowRest) {
               rowRest.expandLoaded = false;
@@ -3126,28 +3124,26 @@ var _default = exports.default = (0, _vue.defineComponent)({
       if (treeConfig) {
         if (transform) {
           // 树结构自动转换
-          if (process.env.NODE_ENV === 'development') {
-            if (!treeOpts.rowField) {
-              (0, _log.errLog)('vxe.error.reqProp', ['tree-config.rowField']);
-            }
-            if (!treeOpts.parentField) {
-              (0, _log.errLog)('vxe.error.reqProp', ['tree-config.parentField']);
-            }
-            if (!childrenField) {
-              (0, _log.errLog)('vxe.error.reqProp', ['tree-config.childrenField']);
-            }
-            if (!treeOpts.mapChildrenField) {
-              (0, _log.errLog)('vxe.error.reqProp', ['tree-config.mapChildrenField']);
-            }
-            if (childrenField === treeOpts.mapChildrenField) {
-              (0, _log.errLog)('vxe.error.errConflicts', ['tree-config.childrenField', 'tree-config.mapChildrenField']);
-            }
-            // fullData.forEach(row => {
-            //   if (row[treeOpts.children] && row[treeOpts.children].length) {
-            //     warnLog('vxe.error.errConflicts', ['tree-config.transform', `row.${treeOpts.children}`])
-            //   }
-            // })
+          if (!treeOpts.rowField) {
+            (0, _log.errLog)('vxe.error.reqProp', ['tree-config.rowField']);
+          }
+          if (!treeOpts.parentField) {
+            (0, _log.errLog)('vxe.error.reqProp', ['tree-config.parentField']);
           }
+          if (!childrenField) {
+            (0, _log.errLog)('vxe.error.reqProp', ['tree-config.childrenField']);
+          }
+          if (!treeOpts.mapChildrenField) {
+            (0, _log.errLog)('vxe.error.reqProp', ['tree-config.mapChildrenField']);
+          }
+          if (childrenField === treeOpts.mapChildrenField) {
+            (0, _log.errLog)('vxe.error.errConflicts', ['tree-config.childrenField', 'tree-config.mapChildrenField']);
+          }
+          // fullData.forEach(row => {
+          //   if (row[treeOpts.children] && row[treeOpts.children].length) {
+          //     warnLog('vxe.error.errConflicts', ['tree-config.transform', `row.${treeOpts.children}`])
+          //   }
+          // })
           treeData = _xeUtils.default.toArrayTree(fullData, {
             key: treeOpts.rowField,
             parentKey: treeOpts.parentField,
@@ -3211,16 +3207,14 @@ var _default = exports.default = (0, _vue.defineComponent)({
           //     }
           //   }
           // }
-          if (process.env.NODE_ENV === 'development') {
-            if (!(props.height || props.maxHeight)) {
-              (0, _log.errLog)('vxe.error.reqProp', ['table.height | table.max-height | table.scroll-y={enabled: false}']);
-            }
-            // if (!props.showOverflow) {
-            //   warnLog('vxe.error.reqProp', ['table.show-overflow'])
-            // }
-            if (props.spanMethod) {
-              (0, _log.warnLog)('vxe.error.scrollErrProp', ['table.span-method']);
-            }
+          if (!(props.height || props.maxHeight)) {
+            (0, _log.errLog)('vxe.error.reqProp', ['table.height | table.max-height | table.scroll-y={enabled: false}']);
+          }
+          // if (!props.showOverflow) {
+          //   warnLog('vxe.error.reqProp', ['table.show-overflow'])
+          // }
+          if (props.spanMethod) {
+            (0, _log.warnLog)('vxe.error.scrollErrProp', ['table.span-method']);
           }
         }
         handleReserveStatus();
@@ -4358,23 +4352,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
         }
         return tableMethods.createData(records).then(rows => isArr ? rows : rows[0]);
       },
-      // toOriginalRecords (rows: any[]) {
-      //   const { treeConfig } = props
-      //   const treeOpts = computeTreeOpts.value
-      //   const { transform, mapChildrenField } = treeOpts
-      //   const rowkey = getRowkey($xeTable)
-      //   if (treeConfig) {
-      //     if (transform) {
-      //       return []
-      //     }
-      //     return []
-      //   }
-      //   return rows.map(item => {
-      //     const obj = Object.assign({}, item)
-      //     delete obj.rowkey
-      //     return obj
-      //   })
-      // },
       /**
        * 还原数据
        * 如果不传任何参数，则还原整个表格
@@ -4384,12 +4361,20 @@ var _default = exports.default = (0, _vue.defineComponent)({
        */
       revertData(rows, field) {
         const {
-          keepSource
+          keepSource,
+          treeConfig
         } = props;
         const {
+          fullAllDataRowIdData,
           tableSourceData,
-          sourceDataRowIdData
+          sourceDataRowIdData,
+          tableFullData,
+          afterFullData
         } = internalData;
+        const treeOpts = computeTreeOpts.value;
+        const {
+          transform
+        } = treeOpts;
         if (!keepSource) {
           if (process.env.NODE_ENV === 'development') {
             (0, _log.warnLog)('vxe.error.reqProp', ['keep-source']);
@@ -4404,9 +4389,10 @@ var _default = exports.default = (0, _vue.defineComponent)({
         } else {
           targetRows = _xeUtils.default.toArray($xeTable.getUpdateRecords());
         }
+        let reDelFlag = false;
         if (targetRows.length) {
           targetRows.forEach(row => {
-            if (!tableMethods.isInsertByRow(row)) {
+            if (!$xeTable.isInsertByRow(row)) {
               const rowid = (0, _util.getRowid)($xeTable, row);
               const oRow = sourceDataRowIdData[rowid];
               if (oRow && row) {
@@ -4415,14 +4401,38 @@ var _default = exports.default = (0, _vue.defineComponent)({
                 } else {
                   _xeUtils.default.destructuring(row, _xeUtils.default.clone(oRow, true));
                 }
+                if ($xeTable.isRemoveByRow(row)) {
+                  const rowRest = fullAllDataRowIdData[rowid];
+                  if (rowRest) {
+                    const reRow = rowRest.row;
+                    tableFullData.unshift(reRow);
+                    afterFullData.unshift(reRow);
+                    reDelFlag = true;
+                  }
+                }
               }
             }
           });
         }
         if (rows) {
-          return (0, _vue.nextTick)();
+          if (reDelFlag) {
+            $xeTable.updateFooter();
+            $xeTable.cacheRowMap(false);
+            $xeTable.handleTableData(treeConfig && transform);
+            if (!(treeConfig && transform)) {
+              $xeTable.updateAfterDataIndex();
+            }
+            $xeTable.checkSelectionStatus();
+            if (reactData.scrollYLoad) {
+              $xeTable.updateScrollYSpace();
+            }
+          }
+          return (0, _vue.nextTick)().then(() => {
+            $xeTable.updateCellAreas();
+            return $xeTable.recalculate();
+          });
         }
-        return tableMethods.reloadData(tableSourceData);
+        return $xeTable.reloadData(tableSourceData);
       },
       /**
        * 清空单元格内容
@@ -4555,6 +4565,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const rowid = (0, _util.getRowid)($xeTable, row);
         return !!editStore.insertMaps[rowid];
       },
+      isRemoveByRow(row) {
+        const {
+          editStore
+        } = reactData;
+        const rowid = (0, _util.getRowid)($xeTable, row);
+        return !!editStore.removeMaps[rowid];
+      },
       /**
        * 删除所有新增的临时数据
        * @returns
@@ -7733,18 +7750,21 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const {
           treeConfig
         } = props;
-        const treeOpts = computeTreeOpts.value;
+        const {
+          treeExpandedMaps
+        } = reactData;
         const {
           fullAllDataRowIdData,
           tableFullData,
           tableFullTreeData
         } = internalData;
+        const treeOpts = computeTreeOpts.value;
         const childrenField = treeOpts.children || treeOpts.childrenField;
         const hasChildField = treeOpts.hasChild || treeOpts.hasChildField;
         const rowkey = (0, _util.getRowkey)($xeTable);
-        const isLazy = treeConfig && treeOpts.lazy;
-        const fullAllDataRowIdMaps = {};
+        const fullAllDataRowIdMaps = Object.assign({}, fullAllDataRowIdData); // 存在已删除数据
         const fullDataRowIdMaps = {};
+        const treeTempExpandedMaps = Object.assign({}, treeExpandedMaps);
         const handleRow = (row, index, items, path, parentRow, nodes) => {
           let rowid = (0, _util.getRowid)($xeTable, row);
           const seq = treeConfig && path ? (0, _util.toTreePathSeq)(path) : index + 1;
@@ -7753,8 +7773,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
             rowid = (0, _util.getRowUniqueId)();
             _xeUtils.default.set(row, rowkey, rowid);
           }
-          if (isLazy && row[hasChildField] && _xeUtils.default.isUndefined(row[childrenField])) {
-            row[childrenField] = null;
+          if (treeConfig && treeOpts.lazy) {
+            const treeExpRest = treeExpandedMaps[rowid];
+            if (row[hasChildField] && _xeUtils.default.isUndefined(row[childrenField])) {
+              row[childrenField] = null;
+            }
+            if (treeExpRest) {
+              if (!row[childrenField] || !row[childrenField].length) {
+                delete treeTempExpandedMaps[rowid];
+              }
+            }
           }
           let rowRest = fullAllDataRowIdData[rowid];
           if (!rowRest) {
@@ -7775,6 +7803,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
               expandHeight: 0
             };
           }
+          rowRest.treeLoaded = false;
+          rowRest.expandLoaded = false;
           rowRest.row = row;
           rowRest.items = items;
           rowRest.parent = parentRow;
@@ -7783,8 +7813,6 @@ var _default = exports.default = (0, _vue.defineComponent)({
           fullDataRowIdMaps[rowid] = rowRest;
           fullAllDataRowIdMaps[rowid] = rowRest;
         };
-        internalData.fullDataRowIdData = fullDataRowIdMaps;
-        internalData.fullAllDataRowIdData = fullAllDataRowIdMaps;
         if (treeConfig) {
           _xeUtils.default.eachTree(tableFullTreeData, handleRow, {
             children: childrenField
@@ -7792,6 +7820,9 @@ var _default = exports.default = (0, _vue.defineComponent)({
         } else {
           tableFullData.forEach(handleRow);
         }
+        internalData.fullDataRowIdData = fullDataRowIdMaps;
+        internalData.fullAllDataRowIdData = fullAllDataRowIdMaps;
+        reactData.treeExpandedMaps = treeTempExpandedMaps;
       },
       cacheSourceMap(fullData) {
         const {
@@ -8462,11 +8493,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
         const checkboxOpts = computeCheckboxOpts.value;
         const {
           checkField,
-          checkMethod
+          checkMethod,
+          showReserveStatus
         } = checkboxOpts;
         const {
           afterFullData,
-          afterTreeFullData
+          afterTreeFullData,
+          checkboxReserveRowMap
         } = internalData;
         let sLen = 0; // 已选
         let hLen = 0; // 半选
@@ -8502,7 +8535,11 @@ var _default = exports.default = (0, _vue.defineComponent)({
           vLen++;
         });
         const isSelected = rootList.length > 0 ? vLen > 0 ? sLen >= vLen : sLen >= rootList.length : false;
-        const halfSelect = !isSelected && (sLen >= 1 || hLen >= 1);
+        let halfSelect = !isSelected && (sLen >= 1 || hLen >= 1);
+        // 如果复选框启用保留记录，当保留数据存在时显示半选
+        if (!isSelected && !halfSelect && showReserveStatus) {
+          halfSelect = !_xeUtils.default.isEmpty(checkboxReserveRowMap);
+        }
         reactData.isAllSelected = isSelected;
         reactData.isIndeterminate = halfSelect;
       },
@@ -10812,18 +10849,16 @@ var _default = exports.default = (0, _vue.defineComponent)({
       }
     };
     // 检测对应模块是否安装
-    if (process.env.NODE_ENV === 'development') {
-      'openExport,openPrint,exportData,openImport,importData,saveFile,readFile,importByFile,print'.split(',').forEach(name => {
-        $xeTable[name] = function () {
-          (0, _log.errLog)('vxe.error.reqModule', ['VxeTableExportModule']);
-        };
-      });
-      'clearValidate,fullValidate,validate'.split(',').forEach(name => {
-        $xeTable[name] = function () {
-          (0, _log.errLog)('vxe.error.reqModule', ['VxeTableValidatorModule']);
-        };
-      });
-    }
+    'openExport,openPrint,exportData,openImport,importData,saveFile,readFile,importByFile,print'.split(',').forEach(name => {
+      $xeTable[name] = function () {
+        (0, _log.errLog)('vxe.error.reqModule', ['VxeTableExportModule']);
+      };
+    });
+    'clearValidate,fullValidate,validate'.split(',').forEach(name => {
+      $xeTable[name] = function () {
+        (0, _log.errLog)('vxe.error.reqModule', ['VxeTableValidatorModule']);
+      };
+    });
     Object.assign($xeTable, tableMethods, tablePrivateMethods);
     /**
      * 渲染浮固定列
@@ -11662,7 +11697,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
         if (rowOpts.height && !props.showOverflow) {
           (0, _log.warnLog)('vxe.error.notProp', ['table.show-overflow']);
         }
-        if (!$xeTable.handleMousedownCellAreaEvent) {
+        if (!$xeTable.handleCellAreaMousedownEvent) {
           if (props.areaConfig) {
             (0, _log.warnLog)('vxe.error.notProp', ['area-config']);
           }
@@ -11802,20 +11837,18 @@ var _default = exports.default = (0, _vue.defineComponent)({
         $table: $xeTable
       });
     });
-    if (process.env.NODE_ENV === 'development') {
-      (0, _vue.nextTick)(() => {
-        if (props.loading) {
-          if (!VxeUILoadingComponent && !slots.loading) {
-            (0, _log.errLog)('vxe.error.reqComp', ['vxe-loading']);
-          }
+    (0, _vue.nextTick)(() => {
+      if (props.loading) {
+        if (!VxeUILoadingComponent && !slots.loading) {
+          (0, _log.errLog)('vxe.error.reqComp', ['vxe-loading']);
         }
-        if (props.showOverflow === true || props.showOverflow === 'tooltip' || props.showHeaderOverflow === true || props.showHeaderOverflow === 'tooltip' || props.showFooterOverflow === true || props.showFooterOverflow === 'tooltip' || props.tooltipConfig || props.editRules) {
-          if (!VxeUITooltipComponent) {
-            (0, _log.errLog)('vxe.error.reqComp', ['vxe-tooltip']);
-          }
+      }
+      if (props.showOverflow === true || props.showOverflow === 'tooltip' || props.showHeaderOverflow === true || props.showHeaderOverflow === 'tooltip' || props.showFooterOverflow === true || props.showFooterOverflow === 'tooltip' || props.tooltipConfig || props.editRules) {
+        if (!VxeUITooltipComponent) {
+          (0, _log.errLog)('vxe.error.reqComp', ['vxe-tooltip']);
         }
-      });
-    }
+      }
+    });
     (0, _vue.provide)('$xeColgroup', null);
     (0, _vue.provide)('$xeTable', $xeTable);
     $xeTable.renderVN = renderVN;